移動網站：從縱向變爲橫向

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「重新放大」回設備寬度。這也儘管完全禁用縮放。目前沒有更好的解決方案。