Safari会自动缩放以从纵向到横向

时间:2014-06-22 18:58:00

标签: ios css twitter-bootstrap jquery-mobile safari

我的bootstrap网站中的某些网页会在方向从纵向更改为横向时自动缩放。

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

添加此元标记

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

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

在许多博客中也可以看到IOS修复了这个问题,但我能够在iPad iOS 7中重现它!

1 个答案:

答案 0 :(得分:0)

您无法进行缩放,因为您已将最大比例设置为最小量(1.0),这意味着它不会超出最初渲染的范围。您需要在该元标记中将最大比例设置为介于1.0和10.0之间的其他值。 Apple的默认值是根据Apple's Documentation将最大比例设置为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

祝你好运!