ipad - 手机浏览器:设备旋转会导致网站扩展不良

标签 ipad mobile-safari zooming

我有一个适用于iPhone和iPad的移动网站,在其中我禁止用户缩放

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />


只要站点处于横向模式,此方法就可以正常工作。网站的宽度恰好是屏幕的宽度。
然后,如果我将设备旋转到纵向模式,它将按比例缩小,使其适合新的(较短的)宽度。也可以。

但是,如果我将其旋转回横向模式,则会突然缩放至125%左右,这意味着现在可以进行水平滚动,并且由于最初被禁用而无法进行缩放。

旋转回横向时,如何以100%缩放比例将其还原?

谢谢!

最佳答案

像这样尝试最大规模和最小规模

<meta name="viewport" content="width=device-width, maximum-scale=1.0, minimum-scale=1.0" />


看看是否可以实现您想要的。

关于ipad - 手机浏览器:设备旋转会导致网站扩展不良,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5103407/

相关文章:

javascript - Safari iPad 1 : how to disable zoom/centering on double-tap, 但保持双指缩放

c - goocanvas - 坐标系和缩放到光标

ios - 新的 iOS 7.1 minimal-ui viewport 设置中是否存在错误?

ios - 是否可以在提供多个用户登录的应用程序上提供 Apple 的应用程序内购买功能

javascript - 在 iphone/ipad 网络浏览器 safari 中选择和突出显示文本不起作用

javascript - setInterval 在滚动期间在 iphone/ipad(移动 Safari)中暂停

javascript - touches 和 targetTouches 的区别

javascript - 防止此点击事件的 iOS 双击问题?

android - setBuiltInZoomControls 与 PopupWindow 内的 WebView

ios - 如何支持 iPhone、iPad 和 iPad Mini 的 iOS 应用程序