我试图使html元素的高度等于视口高度：
*{
margin: 0;
padding: 0;
}
html, body{
height: 100%;
}
<html>
<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<script src="js/js.js"></script>
</head>
<body>
</body>
</html>
这就是我所有的html和CSS。
为了提高身高，我使用js：
window.addEventListener("load", function(){
alert(window.innerHeight);
alert(document.documentElement.offsetHeight);
});
在桌面浏览器上，高度是相等的。但是在Safari ipad上，视口的高度为672，html元素的高度为692 px。为什么？请帮帮我..
最佳答案
状态栏（显示time，battery等的位置）的高度为20px。因此692px的html高度是视口的有效高度+状态栏的高度（20px）。
关于javascript - HTML元素Safari iOS的高度100％，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24509706/