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上使用更宽的屏幕，但不会出现文本缩放。
任何建议，将不胜感激，
蒂亚