所以我一直在使用:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/>
使我的HTML内容可以在iPhone上很好地显示。在用户将设备旋转到横向模式之前,它一直很好用,在该模式下,显示始终限制为320px。
是否有一种简单的方法来指定根据用户更改设备方向而更改的视口?还是我必须借助Javascript来解决这个问题?
我只是想自己解决这个问题,而我想到的解决方案是:
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
无论它的方向如何,这似乎都将设备锁定为1.0比例。副作用是,它确实会完全禁用用户缩放(捏缩放等)。