移动网站：从纵向变为横向

Question

我正在为iPhone和Android浏览器开发移动网站。

当我玩弄Iphone 4和HTC Desire时，我发现两台设备对方向改变的反应不同。如果我以纵向模式加载网站，然后将设备旋转到水平模式，则Iphone会使用相同宽度（320px）将内容放大到更接近内容。使用Android设备时，如果我旋转它看起来视口更改，所以没有任何缩放（宽度> 320像素），而是网站变得更宽。

我现在视（我已经尝试设置的320px的固定宽度）：

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

现在我的问题：有没有一种方法，使Android的WebKit浏览器“放大”像方向变化的iPhone从protrait到水平？

非常感谢您提前！

安德鲁

Answer 1

此链接可以帮助： http://davidbcalhoun.com/2010/dealing-with-device-orientation

Answer 2

此功能，因为这样视作品出现在iPhone上。以下是如何在所有设备上禁用它，从而创建相同的用户体验。

如果您将视此：

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

那么这将避免iPhone“重新放大”回设备宽度。这也尽管完全禁用缩放。目前没有更好的解决方案。