【问题标题】:Safari zooms automatically for portrait to landscape orientationSafari 自动缩放纵向到横向
【发布时间】:2014-06-22 18:57:59
【问题描述】:

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

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

添加此元标记

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

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

还在许多博客中看到 IOS 已修复此问题,但我可以在我的 iPad 中重现它,其中有 iOS 7

【问题讨论】:

  • 提供链接?所以我可以检查一下...

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


【解决方案1】:

您无法放大,因为您已将最大比例设置为最小量 (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

祝你好运!

【讨论】:

  • 试过这个。但这不允许用户缩放。
  • 嗨 aamir,我实际上已将最大比例更新为 1,因为当方向改变时它会放大到超过该比例。但这不是修复,因为用户现在无法缩放。
  • @user3240757 max scale 1.0 将不允许用户放大...增加比例并检查...我还添加了苹果文档检查以寻求帮助...
猜你喜欢
  • 2013-11-24
  • 1970-01-01
  • 1970-01-01
  • 2013-01-08
  • 2013-01-08
  • 2015-10-25
  • 2017-07-27
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多