我在移动版网站的视口上遇到了一些问题。所有元素都正确显示和重新调整大小,但页面延伸得比内容结束位置要远得多。
有没有办法限制视口的高度?或者这可能是我没有注意到的其他问题吗?
经过进一步测试,发现这个错误只出现在Android移动设备上。Android视口是否存在任何已知问题?
我在移动版网站的视口上遇到了一些问题。所有元素都正确显示和重新调整大小,但页面延伸得比内容结束位置要远得多。
有没有办法限制视口的高度?或者这可能是我没有注意到的其他问题吗?
经过进一步测试,发现这个错误只出现在Android移动设备上。Android视口是否存在任何已知问题?
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">
只有