Javascript 高度不正确的iphone
在iPhone上以横向模式查看页面时，我遇到了一个问题（在SE型号上进行测试，但似乎很多人在其他iPhone上也遇到了同样的问题） 我在下面做了一个例子，它是一个简单的网页，有两行文本，一行在顶部，一行在底部 问题是，当我在正常模式下查看页面时，一切看起来都很好，但在横向模式下旋转手机时，地址栏覆盖页面顶部，工具栏覆盖页面底部。我添加了一些javascript来滚动页面，使其在地址栏下启动，但由于页面现在向下滚动，最后一行隐藏在工具栏后面 我已经测试了很多元标签和不同的css技巧，但效果并不好 我只想在进入此页面时显示两个文本，我不想滚动，但只是为了获取信息，我希望以后能够放大页面，以便解决方案无法阻止页面缩放 代码：Javascript 高度不正确的iphone,javascript,html,css,iphone,mobile,Javascript,Html,Css,Iphone,Mobile,在iPhone上以横向模式查看页面时，我遇到了一个问题（在SE型号上进行测试，但似乎很多人在其他iPhone上也遇到了同样的问题） 我在下面做了一个例子，它是一个简单的网页，有两行文本，一行在顶部，一行在底部 问题是，当我在正常模式下查看页面时，一切看起来都很好，但在横向模式下旋转手机时，地址栏覆盖页面顶部，工具栏覆盖页面底部。我添加了一些javascript来滚动页面，使其在地址栏下启动，但由于页面现在向下滚动，最后一行隐藏在工具栏后面 我已经测试了很多元标签和不同的css技巧，但效果并不好
addEventListener（“加载”，函数（）{
setTimeout（函数（）{
滚动到（0，1）；
}, 0);
});
addEventListener（“调整大小”，函数（）{
setTimeout（函数（）{
滚动到（0，1）；
}, 0);
});
div{
位置：绝对位置；
底部：0；
保证金：自动；
}
顶部
底部
另请阅读谢谢您的帮助，但不幸的是，它没有改变任何事情。我仍然只看到顶行，底部是隐藏的，除非我向下滚动页面，然后松开顶行。
<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">