iPhone
手机 | 屏幕尺寸(像素) | 屏幕模式 | 对角线 |
---|---|---|---|
iPhone3GS | 320*480 | 1x | |
iPhone4 | (320*2=640)*(480*2=960) | 2x | 3.5f英寸 |
iPhone5 | (320*2=640)*(568*2=1136) | 2x | 4英寸 |
iPhone6 | (375*2=750)*(667*2=1334) | 2x | 4.7英寸 |
iPhone6Plus | (414*3=1242)*(736*3=2208) | 3x | 5.5英寸 |
- 2x意思是一个点等于2个像素。上面320*2的意思是,320个点,640个像素。
- iPhone5~iPhone6Plus , 宽高比大约是0.5625。
- iPhone6Plus实际像素数为1080*1920,比理论值略少。
- iPhone导航栏高度是44像素。按钮的点击区域,不要少于44像素,否则手指不容易点击。
- 布局尽量使用相对布局,少用绝对布局。
- 多用矢量图。如果是位图,需要制作其1x、2x、3x不同版本。
Android
- 屏幕尺寸 物理尺寸
- 屏幕密度 每区域包含的像素数,android泛化成四类密度
- 分辨率 物理像素总数
- 密度dp 这就是布局常用的单位,
在160的dpi屏上,1dp=1px ,
px=dp*(dpi/160)
屏幕尺寸 | 最小空间 |
---|---|
small | 426dp*320dp |
normal | 470dp*320dp |
large | 640dp*480dp |
extra large | 960dp*720dp |
android四种泛化手机密度对应的图片比例:
3:4:6:8
密度 | 图片尺寸 |
---|---|
ldpi(low) | 36*36 |
mdpi(medium) | 48*48 |
hdpi(high) | 72*72 |
xhdpi(extra high) | 96*96 |
android的多尺寸适配从以下几个方面:
- 为不同尺寸屏幕提供不同的布局
- 为不同的屏幕密度提供不同的位图资源