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

时间:2016-04-07 22:54:40

标签: css css3 web mobile-website pixels

我很难理解这个问题,更不用解释了,所以我对这个问题进行了描述。

Screenshot of the mobile page

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

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

2 个答案:

答案 0 :(得分:2)

问题是由于以下原因:

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

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

答案 1 :(得分:0)

很抱歉浪费每个人的时间,这只是一个过于宽泛的流氓元素,但溢出被隐藏,所以我看不到它。我想这就是当样式表变得太长时会发生什么。

感谢您的帮助。