我试图使 html 元素的高度等于视口(viewport)高度:
*{
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 上，视口(viewport)的高度是 672，而 html 元素的高度是 692 px。为什么？请帮助我..
最佳答案
状态栏(显示时间、电池 等的地方。)采用20px 高度。所以 html 的 692px 高度是视口(viewport)有效高度 + 状态栏高度 (20px)。
关于javascript - html 元素 safari iOS 的高度 100%，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24509706/