【发布时间】：2014-08-03 10:58:38
【问题描述】：
我正在练习响应式网页设计。从我目前所学的来看，它围绕着一个带有流体组件和 CSS 媒体查询的流体网格。
当我缩小浏览器时，网站看起来就像我希望它在手机上的样子：
但是，在我的手机上，放在我的网络服务器上后，它看起来就完全不同了：
我认为宽度和设备宽度之间正在发生一些冲突。有谁知道出了什么问题？
这就是我加载样式表的方式：
<link href="/stylesheets/index.css" rel="stylesheet" type="text/css" />
<link href="/stylesheets/mobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 600px), screen and (max-device-width: 600px)" />
【问题讨论】：
-
你还记得添加这样的元标记： 吗？
-
难以置信。我读过的众多文章都没有提到这一点。这立即修复了它。谢谢。
标签： html css responsive-design