前端工程师手册

移动端尺寸

逻辑像素

手机的物理尺寸,也是逻辑像素。iOS的尺寸单位为pt,Android的尺寸单位为dp。说实话,两者其实是一回事。

实际像素

手机屏幕的实际像素尺寸,一般的320x480, 640x960就是说的这个。它和设备的尺寸没有直接关系,可能是1x,也可能是1.5x,2x,3x...

像素密度PPI

每英寸的长度上排列的像素点数量。1英寸是一个固定长度,等于2.54厘米,大约是食指最末端那根指节的长度。像素密度越高,代表屏幕显示效果越精细。Retina屏比普通屏清晰很多,就是因为它的像素密度翻了一倍。

单位

在设计和开发过程中,应该尽量使用逻辑像素尺寸来思考界面。设计Android应用时,有的设计师喜欢把画布设为1080x1920,有的喜欢设成720x1280。给出的界面元素尺寸就不统一了。Android的最小点击区域尺寸是48x48dp,这就意味着在xhdpi的设备上,按钮尺寸至少是96x96px。而在xxhdpi设备上,则是144x144px。

参考资料