一尘不染

如何为可正确处理旋转的iPhone设置视口元?

html

所以我一直在使用:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/>

使我的HTML内容可以在iPhone上很好地显示。在用户将设备旋转到横向模式之前,它一直很好用,在该模式下,显示始终限制为320px。

是否有一种简单的方法来指定根据用户更改设备方向而更改的视口?还是我必须借助Javascript来解决这个问题?


阅读 286

收藏
2020-05-10

共1个答案

一尘不染

我只是想自己解决这个问题,而我想到的解决方案是:

<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />

无论它的方向如何,这似乎都将设备锁定为1.0比例。副作用是,它确实会完全禁用用户缩放(捏缩放等)。

2020-05-10