移动端网页设计尺寸

关于移动端网页设计尺寸

　　在Window XP常见分辨率1024×768下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。下面是小编收集的资料，供大家参考!

　　在Window 7常见分辨率1440×900下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。

　　于设计来说，选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的.选取依据打算适配的硬件，建议参考现主流硬件分辨率)，然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。

　　iPhone手机网页的设计尺寸

　　iPhone5尺寸是640x1136px分辨率是326PPI

　　iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI

　　iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI

　　点击图片查看大图

　　安卓网页的设计尺寸

　　320dp：一个普通的手机屏幕(240X320，320×480，480X800)

　　480dp：一个中间平板电脑像(480×800)

　　600dp：7寸平板电脑(600×1024)

　　720dp：10寸平板电脑(720×1280，800×1280)

　　ipad网页的设计尺寸

　　iPad第三代第四代尺寸是2048x1536px分辨率是264PPI

　　iPad第一代第二代尺寸是1024x768px分辨率是132PPI

　　iPad Mini尺寸是1024x768px分辨率是163PPI