视口设备宽度,不工作

时间:2013-02-19 17:22:24

标签: css mobile responsive-design

我设置了

  

meta name =“viewport”content =“width = device-width”

因此,当在移动设备上时,网站http://www.myscholly.com/iphone.php会适应。我也使我的包含div宽度= 100%。这在使用小视口(即缩小浏览器窗口)的普通Web浏览器中查看时有效,但在我的iphone模拟器上无效。

我知道问题是CSS,但我禁用了边距,填充,并且基本上剥离了所有内容但仍有问题。如果您在移动设备上查看该网站,则包含元素的宽度不是100%!

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

2011年初,W3C决定允许字符编码声明在前1024个字节而不是前512个字节内,这样浏览器可以在缓冲页面内容之前给予更多余地。

有关详细信息,请参阅以下链接。

Document header optimization