前端之移动端自适应基础

218 阅读1分钟

1、物理像素(设备像素):这个像素在设备出厂的那天就固定不变了,如以前的爱疯3是320480,后来的爱疯4是640960。 2、逻辑像素:即平时写网页所用的css像素。 3、像素比(dpr):物理像素/逻辑像素,若比值为1,则一个物理像素显示一个逻辑像素;若比值为2,则4个物理像素显示1个逻辑像素。 4、css中的1px与设备中的1px:css中的1px不同于设备中的1px。在电脑上,往往css中的1px等于电脑屏幕的物理像素1px,给人一种错觉,就是css中的像素就是设备的物理像素。但实际情况并不是这样的。在以前爱疯3那个年代,爱疯3的物理像素是320480,像素比为1,一个css像素等于一个物理像素。但随着技术的发展,后来的爱疯4的物理像素是640960,物理像素提升了,但是屏幕并没有变,像素比为2,1个css像素就等于4个物理像素了。 5、viewport:视口,即设备能浏览的区域。 6...