我有一个适用于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/