首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场

iOS 9
EN

Stack Overflow用户
提问于 2016-01-22 15:29:46
回答 1查看 3.3K关注 0票数 2

我正在开发一个web项目的iPad版本,并使用Safari的web检查器来处理CSS布局等。然而,我已经跟踪了我的bug到viewport标记。

当带有iPad 9.0-9.2的iOS Air处于纵向模式时,视口元规则被打破/忽略。以下是来自iPad air iOS 9.2的问题截图:

问题:,在纵向中,htmlbody标记的计算宽度是768 is,但是右边有一个空格,大约是300 is。另外,user-scalable=no不适用。固定的项目,如导航和页脚显示为100%,在图像中看到。景观很好,所有其他设备/操作系统都可以正常工作。

网站是Utilidata.com。有没有人见过这种行为或者知道有什么办法?

代码语言:javascript
运行
复制
<meta name="viewport" content="width=device-height, initial-scale=1, user-scalable=no"/>

更新:我看到reddit的人们对iOS 9的视口问题抓狂。然而,他们的shrink-to-fit=no解决方案没有修复。

EN

回答 1

Stack Overflow用户

发布于 2016-03-30 09:25:36

确保将以下更改合并到meta > viewport

  • 删除width=device-widthheight=device-height
  • 还将*-scale设置为1.0001 (从1.0 )。

-

代码语言:javascript
运行
复制
<meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no"/>

我干得很好!好运!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34950251

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档