我正在开发适用于iPhone和Android浏览器的移动网站。
当我玩Iphone 4和HTC Desire时，我发现两个设备对方向变化的反应不同。如果我以纵向模式加载网站，然后将设备旋转到水平模式，则Iphone使用相同的宽度（320px）缩放到更接近内容的位置。使用Android设备，如果我旋转它似乎视口更改，所以没有任何缩放（宽度> 320px），而是网站变宽。
我当前的视口（我已尝试设置320px的固定宽度）：
<meta name="viewport" content="width=device-width; initial-scale=1.0;" />
现在我的问题：有没有办法让Android Webkit浏览器像从iPhone一样“放大”从protrait到水平的方向变化？
非常感谢你！
安德鲁
答案 0 :(得分：2)
由于视口的工作方式，此功能在iPhone上显示。以下是如何在所有设备上禁用它，从而创建相同的用户体验。
如果将视口设置为：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0," />
然后它将阻止iPhone“重新缩放”回设备宽度。这ALSO完全禁用了缩放。此时没有更好的解决方案。
答案 1 :(得分：1)