logo标签列表

视口设备宽度不起作用。

cssmobileresponsive-design
3

我设置了

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，这会有帮助吗？ - cimmanon
2个回答
1
在您的style.css文件和HTML文件中，div 'container'使用的是类名 .container，但是在HTML文件中的max-width媒体查询中，您将其作为id = #container进行了定位。
0
将 meta 标签放在 head 标签的第一位。这样做可以确保 meta 标签不会被忽略。
2011 年初，W3C 决定允许字符编码声明出现在前 1024 个字节而非前 512 个字节，以便浏览器在缓冲页面内容之前有更多的容错能力。
请参阅下面的链接获取更多信息。 文档头部优化
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接