手机端网页设计尺寸
2015-08-13 11:12
323 查看
在Window XP常见分辨率1024×768下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。
在Window 7常见分辨率1440×900下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。
于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。
iPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI
![](http://file05.16sucai.com/2015/0630/6bc9c6c0d008bb2a64a35d4674afb1d7.jpg)
480dp:一个中间平板电脑像(480×800)
600dp:7寸平板电脑(600×1024)
720dp:10寸平板电脑(720×1280,800×1280)
iPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI
在Window 7常见分辨率1440×900下我们除掉任务栏,浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。
于设计来说,选取一个合适的尺寸作为正常大小和中等屏幕密度(尺寸的选取依据打算适配的硬件,建议参考现主流硬件分辨率),然后向下和向上 做小、大、特大和低、高、超高的尺寸与密度。
iPhone手机网页的设计尺寸
iPhone5尺寸是640x1136px分辨率是326PPIiPhone4和iPhone4S尺寸是640x960px分辨率是326PPI
iPhone和iPodTouch第一代、第二代、第三代尺寸是320x480px分辨率是163PPI
![](http://file05.16sucai.com/2015/0630/6bc9c6c0d008bb2a64a35d4674afb1d7.jpg)
安卓网页的设计尺寸
320dp:一个普通的手机屏幕(240X320,320×480,480X800)480dp:一个中间平板电脑像(480×800)
600dp:7寸平板电脑(600×1024)
720dp:10寸平板电脑(720×1280,800×1280)
ipad网页的设计尺寸
iPad第三代第四代尺寸是2048x1536px分辨率是264PPIiPad第一代第二代尺寸是1024x768px分辨率是132PPI
iPad Mini尺寸是1024x768px分辨率是163PPI
相关文章推荐
- IOS学习笔记07-iOS项目结构
- 《Objective-C基础教程》第7章 深入了解Xcode
- Android JNI Lame编解码实现wav到MP3的转换
- Android AIDL使用步骤
- android开发 获取父控件的高宽
- js如何判断用户是否是用微信浏览器
- swift -控制语句
- Android 布局之LinearLayout和RelativeLayout
- 【iOS】iOS它Container View获得ViewController
- iOS iOS8注册通知
- iOS开发-Day16-OC复合&class关键字
- android几种不同对话框的实现方式
- android中string.xml文件的用法
- android 应用如何实现多个Activity在栈中finish掉
- 如何进入VMware Fusion虚拟机BIOS
- post,get产生乱码的现象
- 【Objective-C】类别(拓展类)、协议
- iOS开发系列--让你的应用“动”起来
- Android系统启动流程
- Android ListView和Fragment结合使用,类似于某电商的实现,拿来就能用,详细标注适合新手