逻辑像素和物理像素

Question

老师，您好！看了您有关像素的课程，个人有几点理解，不知道正确与否：

1、在移动端才存在逻辑像素和物理像素的说法，或者更确切地说，dpr>1才有逻辑像素和物理像素的区分，因为dpr=1的话，逻辑像素和物理像素是相等的；

2、视频中您说到小程序是基于逻辑像素布局的，其实不单是小程序，移动端均是如此，在这里，我有2个疑问，就是PC端的话CSS布局中的px是不是也是逻辑像素的？PC端有没有逻辑像素和物理像素之分？因为PC端dpr一般是小于或等于1的，按我的理解其实PC端CSS布局中的px也是逻辑像素；

3、小程序的rpx其实和CSS3中的rem差不多，只不过rpx自动帮我们计算了屏幕的尺寸去自适应，而rem需要我们手动去计算或者设置font-size大小去适应屏幕尺寸

Answer 1

7七月 2017-02-09 13:42:30

关于第一条基本正确。但逻辑像素是一直存在，即使dpr=1，因为逻辑像素是个“软件”抽象的概念。它涉及到怎么渲染，内部过程比较复杂。物理像素只和物理设备有关系。

第二条，这个不太好解释。为什么你在PS你看到的设计图和PC上实际大小是一样的呢？这是因为他们都是在同一个物理屏幕上显示的。图片只是一个软件的概念，实际大小只和物理设备和操作系统有关系。PC端这个要看操作系统，mac下和pc下的是不一样的。

第三条，小程序中也有rem，只不过我觉得不好用。。。你的理解是对的。

• 提问者 卡兰尼克 #1

  非常感谢！