移动网站以物理像素分辨率呈现 CSS 像素?

Mobile site renders CSS pixels at physical pixel resolution?

我很难理解这个问题,更不用说解释了,所以我有一个问题的图片。

我对元素宽度使用 100% 和 100vw 的比率。一切都以正确的比例呈现,当我检查元素时,它说它是正确的宽度,但它似乎是以设备的实际物理像素大小呈现的。我可能完全错了,我不完全确定。我以前从未遇到过这个特殊问题。

正如您可能猜到的那样,我需要页面正文来填充移动设备的视口宽度。任何帮助都很棒。谢谢

出现问题的原因如下:

<footer>
  <nav class="row">...</nav> <!-- This has a width of 1100px -->
</footer>

删除 nav.row 上的修复,它应该可以工作。

不好意思浪费大家的时间了,只是流氓元素太宽了,不过overflow被隐藏了所以看不到。我猜这就是当您的样式表变得太长时会发生的情况。

感谢您的帮助。