ios - Safari 自动缩放纵向到横向

标签 ios css twitter-bootstrap jquery-mobile safari

当方向从纵向变为横向时,我的 bootstrap 网站中的某些页面会自动缩放。

注意:这似乎只发生在我的一些 Bootstrap 页面上......为什么?

添加此元标记

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">

解决了我的问题,但它不允许用户缩放。

我也在很多博客上看到 IOS 已经修复了这个问题,但是我可以在我的 iPad 上重现它,它有 iOS 7 !

最佳答案

您不能缩放,因为您已将最大比例设置为最小值 (1.0),这意味着它无法缩放到超出最初呈现的范围。您需要在该元标记中将最大比例设置为 1.0 到 10.0 之间的其他值。根据 Apple's Documentation,Apple 的默认设置是将最大比例设置为 5.0 .

Meta viewport tag seems to be ignored completely or has no effect 还要检查这个;

Transition to iOS 7: correct viewport setting for jQuery/iPhone Webapps viewed on iPads

祝你好运!

关于ios - Safari 自动缩放纵向到横向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24354631/

相关文章:

ios - UIImage非线性缩放

ios - Xcode Time Profiler 显示地址而不是符号

javascript - 如何使用 Expo 在真实的 iOS 设备上运行应用程序?

用于登录表单提交的 Javascript 函数

html - Bootstrap 列和响应问题(每个元素有多个 col-*)

objective-c - 为什么我的排序结果返回时完全随机?

javascript - 是否可以用两个 div 创建交叉溶解?

javascript - 网站上的 WhatsApp 共享按钮。检测 WhatsApp 是否存在的简单方法?

javascript - 使 bootstrap cols 与 angular ng-show 一起玩得很好

html - 可以在响应中更改 bootstrap col div 的顺序吗?