gpt4 book ai didi

javascript - html 元素 safari iOS 的高度 100%

转载 作者:太空宇宙 更新时间:2023-11-04 13:13:50 25 4
gpt4 key购买 nike

我试图使 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 高度。所以 html692px 高度是视口(viewport)有效高度 + 状态栏高度 (20px)。

关于javascript - html 元素 safari iOS 的高度 100%,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24509706/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com