ios - 网站无法在 iOS 上正确显示,是否增加了我的视口(viewport)单位?

标签 ios iphone css ipad viewport

我有一个网站,http://www.webdesignrepo.com ,我经常使用 vw 和 vh 的地方。

该网站在桌面和 Android 浏览器上运行良好,但在 iphone 和 ipad 上的 iOS 中却出现了问题。 Desktop媒体查询主要是vw和vh。一旦你得到 <768px 宽,我已经用 px 单位换掉了一些视口(viewport)单位。

我觉得它很容易修复,我只是没有看到简单的东西。

我唯一能想到的是它错误地计算了 vw 和 vh 单位,这很奇怪,因为 caniuse.com 说 iOS safari 6.1 及更高版本支持视口(viewport)单位。

有人知道为什么会这样吗?

(是的,我看到了整个情况的讽刺意味)

提前致谢

最佳答案

iOS 6 和 7 一开始似乎可以正确计算视口(viewport)高度,但是在渲染页面后对 vh 的任何调用都会重新计算视口(viewport)高度并将其添加到之前的值中,不一致地导致页面非常高。不幸的是,这并不一致,目前没有已知的解决方法。

caniuse.com 视口(viewport)部分的交互模式链接到 GitHub issue page更详细地解释,Emil Björklund 在 his blog 上用一些图表解释.

关于ios - 网站无法在 iOS 上正确显示,是否增加了我的视口(viewport)单位?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21003089/

相关文章:

iphone - 如何设置 UITableView 的背景(tableview 样式为 "Grouped")以使用图像?

ios - NSString 比较不适用于 iPAD

iphone - 隐藏带有多个文本字段的 IOS 键盘

javascript - jQuery UI Drop 具有背景颜色的占位符

jquery - 如何创建垂直对齐的选项卡?

css - 对齐输入下方的文本

iphone - iOS开发: Adding an "Add Friend" button inside my app

objective-c - iOS iPhone 获取一对多实体

ios - nib 但没有得到 UITableView

ios - 重复符号 _OBJC_IVAR_$_AFHTTPRequestOperation._responseSerializer 在