学习啦 > 学习电脑 > 网络知识 > 网络基础知识 > 移动端网页设计的尺寸

移动端网页设计的尺寸

时间: 子明1009 分享

移动端网页设计的尺寸

  其实对于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。下面是学习啦小编为大家整理的关于移动端网页设计的尺寸,一起来看看吧!

  移动端网页设计的尺寸

  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

2841950