逻辑像素和物理像素

来源:16-11 章节扩展(可选观看2)小程序的自适应单位RPX精讲

卡兰尼克

2017-02-09

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

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大小去适应屏幕尺寸

写回答

1回答

7七月

2017-02-09

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

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

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

0
1
卡兰尼克
非常感谢!
2017-02-09
共1条回复

微信小程序入门与实战(全新版) 超20000人学习的好课

4年同步微信官方迭代,累计20000+人学习, 比微信官方更火爆!

23867 学习 · 6899 问题

查看课程