|
APICloud里的像素准确说是所有网页的像素(Pixel)分为两种 一种叫css pixel 一种叫device pixel。
首先说device pixel,这个很直观,硬件屏幕上的一个物理像素点就是device pixel,这也是我们普遍接受的像素概念。
而CSS pixel是在网页里虚拟出来的一种表示相对像素的单位,通常情况下css pixel==device pixel。而比如网页需要根据dpi进行自适应时,这时候像素pixel单位就是一个非常大的障碍。可是我的网页大部分单位已经用px写好了怎么办尼?于是CSS pixel就起作用了。这时候设置css pixel和device pixel的对应比例,就能将px转换为像rem一样的相对单位。
而APICloud的px之所以能自适应,也就是用了这样的原理。对于大多数屏幕,APICloud处理后的css pixel大约为device pixel的一半,所以官方会建议取设计图一半的像素尺寸。也是基于这样原理,会出现不容易得到到真正1px的线的问题。
我的建议是,能使用rem就尽量使用rem。px可以用,但是不能当作绝对布局来用,和屏幕尺寸有关的长度就不要使用px了 比如占满一行坑定不能使用720/2=360px |
|