gpt4 book ai didi

javascript - innerwidth 和 innerheight 在 android 和 safari 上获得不同的值

转载 作者:行者123 更新时间:2023-12-03 10:05:37 24 4
gpt4 key购买 nike

我发现 window.innerWidth、window.innerHeight、body.clientWidth 和 body.clientHeight 在 window.onload 之前和之后执行时会得到不同的值。但是,网页完全没有变化(区域都是一样的)。下面列出了测试结果。这是所有基于 web-kit 的浏览器的正确行为吗?

<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<script>
console.log(window.innerWidth);
console.log("<br />");
console.log(window.innerHeight);
console.log("<br />");
console.log(body.clientWidth);
console.log("<br />");
console.log(body.clientHeight);
</script>
<body>
<br/>===================================<br/>
</body>
<script>
console.log(window.innerWidth);
console.log("<br />");
console.log(window.innerHeight);
console.log("<br />");
console.log(body.clientWidth);
console.log("<br />");
console.log(body.clientHeight);
</script>
</html>

Test Results:
Android Phone(720*1280,4.7''),Android Chrome
360
567
964
176
===================================
980 - window.innerWidth changed
1544 - window.innerHeight changed
964
440 - Why body.clientHeight becomes 440 after the blank body is loaded.

最佳答案

我遇到了类似的问题,答案是设备的目标密度与设备密度元标记有一点关系。类似问题的网址,但 Is there any equivalent to Android's <meta name='viewport' content='target-densitydpi=device-dpi'> for Safari on the iPhone?

您可以进一步调查,但我认为存在问题:)

关于javascript - innerwidth 和 innerheight 在 android 和 safari 上获得不同的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25542071/

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