我正在开发一个web项目的iPad版本,并使用Safari的web检查器来处理CSS布局等。然而,我已经跟踪了我的bug到viewport标记。
当带有iPad 9.0-9.2的iOS Air处于纵向模式时,视口元规则被打破/忽略。以下是来自iPad air iOS 9.2的问题截图:
问题:,在纵向中,html
和body
标记的计算宽度是768 is,但是右边有一个空格,大约是300 is。另外,user-scalable=no
不适用。固定的项目,如导航和页脚显示为100%,在图像中看到。景观很好,所有其他设备/操作系统都可以正常工作。
网站是Utilidata.com。有没有人见过这种行为或者知道有什么办法?
<meta name="viewport" content="width=device-height, initial-scale=1, user-scalable=no"/>
更新:我看到reddit的人们对iOS 9的视口问题抓狂。然而,他们的shrink-to-fit=no
解决方案没有修复。
发布于 2016-03-30 09:25:36
确保将以下更改合并到meta
> viewport
中
width=device-width
和height=device-height
1.0001
(从1.0
)。-
<meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no"/>
我干得很好!好运!
https://stackoverflow.com/questions/34950251
复制相似问题