1
我有一個爲iPhone 3設計的web應用程序使用css3 & html5。即使在閱讀「css像素」與「物理像素」之後，移動到iPhone 4和視網膜顯示器仍然是一個挑戰。視網膜顯示和縮放問題
我的網頁應用程序創建了幾個隱藏在屏幕右側的頁面，「主屏幕」上的按鈕將所需頁面滑動到屏幕上。我用下面的變換來隱藏屏幕外的網頁：
-webkit-transform: translate3d(+100%,0,0)
一切運作良好的iPhone 3，但iPhone 4的顯示兩個頁面並排，我相信是因爲Retina顯示屏的兩倍寬。
我已經能夠解決這個問題，但是從改變我的meta標籤：
<meta name="viewport" content="width=device-width,user-scalable=no">
到：
<meta name="viewport" content="width=device-width, initial-scale=1.0,
minimum-scale=1.0, maximum-scale=2.0, user-scalable=no">
，並使用顯示屬性隱藏屏幕外的頁面：
display: none
但我仍然有一個問題，我無法解決。在iPhone 3上，將設備旋轉到橫向會使文字變大。在iPhone 4上使用更寬的屏幕，但不會出現文本縮放。
任何建議，將不勝感激，
蒂亞