Css 视口设备宽度,不工作

Css 视口设备宽度,不工作,css,mobile,responsive-design,Css,Mobile,Responsive Design,我设立 meta name=“viewport”content=“width=设备宽度” 因此,当使用移动设备时,站点将适应。我还使包含div的宽度=100%。当在带有小视口的普通web浏览器中进行查看时(即缩小浏览器窗口),此功能有效,但在我的iphone模拟器上不起作用 我知道问题是CSS,但我禁用了边距、填充,基本上去除了所有内容,但仍然存在问题。如果您在移动设备上查看站点,则包含的元素的宽度不是100% 在style.css和html中,div'container'是class=.con

我设立

meta name=“viewport”content=“width=设备宽度”

因此,当使用移动设备时,站点将适应。我还使包含div的宽度=100%。当在带有小视口的普通web浏览器中进行查看时(即缩小浏览器窗口),此功能有效,但在我的iphone模拟器上不起作用


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

在style.css和html中,div'container'是class=.container,但在html文件中的max width media查询中,您将其定位为id=#container。

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

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

有关更多信息,请参阅下面的链接


如果将内容值更改为
width=device width,initial scale=1,target density dpi=device dpi
,是否有帮助?