ipad – 移动Safari：设备旋转导致网站规模不佳

概述我有一个iPhone和ipad的移动网站，我禁用用户缩放 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" /> 只要站点处于横向模式，这工作正常。网站的宽度正好是屏幕的宽度。 那么如果我将设备旋转为纵向模式，则将其缩小，以使其适合新(较短)的宽度。这也没关系。 但是如果我 我有一个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 – 移动Safari：设备旋转导致网站规模不佳全部内容，希望文章能够帮你解决ipad – 移动Safari：设备旋转导致网站规模不佳所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。