如何设置视口meta为iPhone处理旋转正确?

前端之家收集整理的这篇文章主要介绍了如何设置视口meta为iPhone处理旋转正确?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
所以我一直在使用:
<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缩放,无论它的方向。作为副作用,然而它完全禁用用户缩放(捏缩放等)。

猜你在找的HTML5相关文章