推荐: LOGO设计微信开发包装设计游戏开发接口开发手机网站开发VI设计文字设计Web前端开发网页设计客厅装修情人节表白Oracle数据库网站建设个人网站建设微信客户端

热门搜索: LOGO设计微信开发VI设计网站建设网站推广

当前位置: 威客百科 > 网页设计尺寸 > 手机网页设计尺寸
免费发布需求,接收报价与方案

手机网页设计尺寸

什么是网页设计尺寸?

猜您需要: 【网页设计常用尺寸】【响应式网页设计尺寸】【企业网页设计尺寸】【PS网页设计尺寸】【网页设计尺寸规范】【网页界面设计尺寸】

  在设计手机网页的时候,对于手机网页的尺寸有什么要求?手机网页与电脑网页不同,手机的屏幕大小这两年一直在发生变化,那么手机网页设计尺寸是否会受到影响呢?下面一品威客百科为您道来。


  手机网页设计尺寸以及布局上有什么要求呢?一品威客百科为您道来。
  1、手机网页宽度不用像素表示,用百分比表示(如:width=100%);
  2、左间距、上间距设为0;
  3、屏蔽图片显示;
  4、charset使用UTF-8编码(国际化编码),不使用gb2312编码。
  5、比如在网页上插入一个表格,将表格的宽度width=100%。
  电脑网页的设计尺寸
  在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
  以上就是关于手机网页设计尺寸的介绍,如果您还有其他的疑问或者相关方面的困扰欢迎前往一品威客网。一品威客网是中国首家全免费威客平台,是威客和雇主最信赖的威客网站,中国最有价值的创意交易平台,提供标志设计、包装设计、平面设计、微博营销、网店推广、论坛推广等服务。如果您想一展抱负,这里是您最好的发展平台。
< 网页设计常用尺寸 PS网页设计尺寸 >