热门标签 | HotTags
当前位置:  开发笔记 > IOS > 正文

手机端网页设计尺寸_html/css_WEB-ITnose-html教程

手机端网页设计尺寸
在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

    推荐阅读
    author-avatar
    Gray_林剑峰
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有