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

Question

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

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

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

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

旋转回横向时，如何以100％缩放比例将其还原？

谢谢！

Answer 1

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

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

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