手机端网页设计尺寸_html/css_WEB-ITnose
程序员文章站
2022-06-09 12:33:29
...
在Window XP常见分辨率1024×768下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。 320dp:一个普通的手机屏幕(240X320,320×480,480X800) 480dp:一个中间平板电脑像(480×800) 600dp:7寸平板电脑(600×1024) 720dp:10寸平板电脑(720×1280,800×1280)
在Window 7常见分辨率1440×900下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。
于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。
iPhone手机网页的设计尺寸
iPhone5尺寸是640x1136px分辨率是326PPI
iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI
安卓网页的设计尺寸
ipad网页的设计尺寸
iPad第三代第四代尺寸是2048x1536px分辨率是264PPI
iPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI
上一篇: AliCTF 2016 Writup
下一篇: 推到云上
推荐阅读
-
手机端分类页面的效果图实现_html/css_WEB-ITnose
-
网页设计师必备的10个CSS技巧_html/css_WEB-ITnose
-
独特设计!插图和手绘元素在网页设计中的使用_html/css_WEB-ITnose
-
手机版网页设计html5元素meta name=”viewport”设置需要注意的地方
-
菜鸟关于网页设计的一个小问题,在线等答案~_html/css_WEB-ITnose
-
怎样把PC版网页变成手机版_html/css_WEB-ITnose
-
设计网页页脚的15个超实用技巧_html/css_WEB-ITnose
-
css3 +html5+js 手机网页布局问题(在微信上使用).两个问题_html/css_WEB-ITnose
-
wap手机端页面根据dpr和宽度计算出font-size对应数值_html/css_WEB-ITnose
-
怎样把PC版网页变成手机版_html/css_WEB-ITnose