iPhone模擬器中的meta標籤問題

Question

我使用meta標籤來縮放網站。

這是一個iPhone上的演示，所以最佳實踐可以忽略。

出於某種原因，當我將橫向頁面從橫向更改爲縱向時，縮放並不會發生變化。 （我不是在談論旋轉時切換，我正在談論整個頁面以不同的方向重新加載）。

我在iPhone模擬器中測試該網站。

我是否缺少一些簡單的東西？

<meta name="viewport" content="width=320; initial-scale=.675"> 
<meta name="viewport" content="width=480; initial-scale=1"> 

Answer 1

爲什麼使用兩個視口標籤？這些不是if-then語句;你應該設置一次視口值。現在，我期望第二個覆蓋第一個（儘管真的，任何事情都可能發生）。

也不要混淆寬度與設備寬度。可能有助於重讀http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html