gpt4 book ai didi

html - 如何防止在 mobile-safari 中改变方向后获得额外的宽度

转载 作者:太空狗 更新时间:2023-10-29 16:48:01 25 4
gpt4 key购买 nike

在我的 iPad 上的 Mobile Safari 中,更改设备方向后出现一些奇怪的行为。这是我的测试文件:

<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="initial-scale=0.7" />
<style>
#block {
border: 1px solid red;
background-color: yellow;
font-size: 400%;
width: 700px;
height: 500px;
}
</style>
</head>
<body>
<div id="block">Hello world!</div>
</body>
</html>

您可以通过以下 URL 在 Mobile Safari 中查看它:

http://fiddle.jshell.net/eterps/jsTqj/show/

当我使用 iPad 纵向访问 URL 并做出一些滑动手势时,页面不会滚动,这是正确的。

但是,当我将设备旋转到横向模式并做出一些滑动手势时,我在右侧无缘无故地获得了额外的空间。

但更奇怪的是,当我重新启动移动版 safari 并在始终处于横向模式时转到 URL 时,右侧的额外空间不存在。

为什么方向改变后右边会出现额外的空间?我该如何预防?

最佳答案

当您旋转设备时,移动版 Safari 会调整视口(viewport)的大小以匹配新的方向。

关于html - 如何防止在 mobile-safari 中改变方向后获得额外的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5233634/

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