html - 如何在不使用元标记视口(viewport)的情况下处理响应式设计？

Question

我的设计在元标记 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 下运行良好(它是一个具有旋转功能的圆形对象)但是当我将该设计放入任何响应式模板时，它就无法工作了。

我发现的原因是每个响应式模板(例如:bootstrap、foundation、skeleton 等)都使用元标记 <meta name="viewport" content="width=device-width, initial-scale=1.0">

http://prefortune.com/rotate/bootstrap/

您可以在上面的链接上以响应模式单击 changeview 链接，它将更改 View ，圆圈设计将正确适合，但切换菜单将丢失。 (单击时我将删除视口(viewport)元标记内容的内容。)

Answer 1

我只是注意到一些有趣的事情并想分享它，也许它会对某人有所帮助。在网站标题部分，您应该首先包含 bootstrap.css，然后才是 bootstrap-responsive.css，因为显然 responsive.css 取决于 bootstrap.css

当然元标记也应该存在。

 Error Code
    <link href="/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">