移动端网页设计的尺寸

时间:2022-07-04 06:14:28 设计 我要投稿
  • 相关推荐

移动端网页设计的尺寸

  在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

【移动端网页设计的尺寸】相关文章:

小屏幕移动设备网页设计需要注意的事项07-14

使用Dreamweaver制作网页常用尺寸有哪些07-14

网页的栅格设计思考-网页设计教程07-14

平面设计尺寸07-13

网站优化与移动端手机网站优化的变向07-14

PC端的web前端和设计如何转行到移动互联网界?07-10

平面设计常用尺寸07-14

网页设计禁忌07-14

怎样网页设计03-30

网页设计报告07-31