logo标签列表

有没有一种方法可以限制移动端视口的大小？

htmlcssmobileviewport
3

我在移动版网站的视口上遇到了一些问题。所有元素都正确显示和重新调整大小，但页面延伸得比内容结束位置要远得多。

有没有办法限制视口的高度？或者这可能是我没有注意到的其他问题吗？

经过进一步测试，发现这个错误只出现在Android移动设备上。Android视口是否存在任何已知问题？

1
可能是另一个问题。你能链接一下出问题的页面吗？ - Lowkase
www.blockdot.com - 横向格式 - KC P
我在 iPhone 上没有看到任何高度问题，但是我看到了一些宽度问题。你是否为 html/body/section 标签设置了固定的宽度值？ - Lowkase
有趣。我正在使用 '<meta name="viewport" content="width=device-width"/>'，看起来我需要进行更多的测试。 - KC P
1个回答
0
从代码中删除 height=device-height,。
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />

这是我在你的代码中发现的

如果你使用 height=device-height, 将会使网站垂直适应屏幕

也许你需要 

<meta name="viewport" content="width=device-width">

只有

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接