视口设备宽度，不起作用答案

【问题标题】：viewport device width, not working视口设备宽度，不起作用
【发布时间】：2013-02-04 11:53:49
【问题描述】：

我设置了

meta name="viewport" content="width=device-width"

这样当在移动设备上时，网站http://www.myscholly.com/iphone.php 将适应。我还让我的包含 div 宽度=100%。这适用于在具有小视口的普通网络浏览器中查看（即缩小浏览器窗口），但它不适用于我的 iphone 模拟器。

我知道问题出在 CSS 上，但我禁用了边距、填充，基本上去掉了所有内容，但问题仍然存在。如果您在移动设备上查看该网站，包含元素的宽度不是 100%！

【问题讨论】：

如果您将内容值更改为width=device-width,initial-scale=1,target-densitydpi=device-dpi，是否有帮助？

【解决方案1】：

在您的 style.css 和 html 中，div 'container' 是 class= .container，但在 HTML 文件中的最大宽度媒体查询中，您将其定位为 id = #container。

【讨论】：

【解决方案2】：

将元标记放在 head 标记内的第一个位置。它可能无法到达您的元标记。

在 2011 年初，W3C 决定允许字符编码声明在前 1024 个字节而不是前 512 个字节内，以便浏览器在缓冲页面内容之前有更多的余地。

查看以下链接了解更多信息。

【讨论】：