阅读
我在iPhone上以景观模式查看页面时有问题(在模型SE上进行测试，但似乎很多人与其他iPhone都有相同的问题(。
我在下面进行了示例，这是一个简单的网页，顶部有两行文本，底部有一个文本。
问题是，当我以正常模式查看页面时，一切都很好，但是当以景观模式旋转手机时，地址栏覆盖顶部，工具栏覆盖了页面的底部。我已经添加了一些JavaScript来滚动页面，以便它在地址栏下启动，但是由于现在向下滚动页面，最后一行隐藏在工具栏后面。
我已经测试了很多元标记和不同的CSS hacks，但没有好处。
我只希望在访问此页面时显示两个文本，我不想滚动，但是仅对于信息，我希望能够稍后放大页面上的内容，以便解决方案无法阻止Zoom在页面上。
代码：
<html>
<meta content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
<script>
window.addEventListener("load",function() {
setTimeout(function(){
window.scrollTo(0, 1);
}, 0);
});
window.addEventListener("resize",function() {
setTimeout(function(){
window.scrollTo(0, 1);
}, 0);
});
</script>
<style>
div {
position: absolute;
bottom: 0;
margin: auto;
}
</style>
<body>
Top
<div>
Bottom
</div>
</body>
</html>
尝试添加元视口，
<meta name="viewport" content="width=device-width, initial-scale=1">
也使用视口