转载请注明原创地址：

　　

　　从事过iphone响应式设计的人，一定清楚iphone safari浏览器viewport 缩放的bug。当你将viewport的宽度设计为设备宽度，并将iphone旋转到 landscape 视图的时候，bug就会发生。你可以使用iphone访问地址，将视图从 portrait 切换到 landscape，来查看该bug。今天我们将尝试修复这个问题。

　　

　　问题

　　下面截图展示了该bug。

　　解决方案1：使用Meta标签快读修复（）

　　一个快速的修改办法是，为viewport 设置如下属性 maximum-scale=1。副作用是，页面不能被执行缩放操作了。

　　

　　解决方案2：使用javascript（）

　　为了可用性的考虑，上面的办法是不可行的。我们可以在head中，通过添加下面的javascript脚本来完美的解决这个问题。脚本来源：。

 

　　原文地址：