我的移动版网站上的视口有问题。我的所有元素都会在页面中显示并正确调整大小,但页面的扩展距离内容的末尾要远得多。
有没有办法限制我的视口的高度?或者这可能是我不会看到的另一个问题?
进一步测试后,此错误仅发生在Android移动设备上。 Android视口是否有任何已知问题?
答案 0 :(得分: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">
仅