视口设置为user-scalable = no时,iOS / mobile safari仍然放大检

发布时间：2020-12-16 09:22:39 所属栏目：安全来源：网络整理

导读：这个具体的移动Safari(似乎不可能,但没有记录)的问题让我今天很久很久很久了,当我想出来的时候,我刚刚发布一个关于它的问题. 问题：当我设置了 meta name =“viewport”content =“width = device-width; initial-scale = 1.0; maximum-scale = 1.0; minimum

这个具体的移动Safari(似乎不可能,但没有记录)的问题让我今天很久很久很久了,当我想出来的时候,我刚刚发布一个关于它的问题.

问题：当我设置了< meta name =“viewport”content =“width = device-width; initial-scale = 1.0; maximum-scale = 1.0; minimum-scale = 1.0; user-scalable = >我的iPad网络应用程序仍然允许手动缩放(在浏览器中捏住). - 但是只能在我的iPad上,而不是在我的iPhone上. 此外,我将在纵向模式和横向模式之间旋转设备,以检查特定的定向模式CSS代码,这会产生奇怪的结果：
>从风景转向人像,没有任何问题,一切的大小和位置都是有意义的.
>之后,从纵向回转到风景,视口保持在纵向模式下的宽度,即.它被放大(缩放).我不得不手动缩小以返回到完整的图片/视口.哪个应该是不可能的

解决方法

然后我发现了伟大的 iPad CSS Layout with Landscape/Portrait Modes演示.它看起来很有希望,但给了我同样的问题.然而,在第二个iPad上测试它是非常有效的：没有缩放问题.所以,我们认为它与我的特定iPad有关.

然后它引起了我的兴趣：几周前,我摆脱了无障碍设置.放大整个界面,就像你可以在OSX(ctrl滚动)等等.也许这是以某种方式链接到Mobile Safari？那么事实证明是这样的.

今天我了解到：当Accessibility>缩放已打开,这会覆盖元视口设置.

自己尝试一下你会在这里找到：设置>一般>辅助功能>放大

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!