参考像素如何独立于硬件像素?

时间:2018-11-03 05:35:08

标签: css responsive-design

我正在针对Lynda进行响应式设计课程,作者将参考像素定义为独立于硬件像素;但是,他没有进一步解释如何和/或为什么。我用谷歌搜索都无济于事。我不明白那是怎么回事。谢谢。

2 个答案:

答案 0 :(得分:0)

这里是简短答案:您所说的“参考”像素可能包含2x2、3x3等物理像素。当您将div设置为100x100时,它将依赖于“参考”像素,但是如果您将文本/图像放入其中,则可以将其清晰地呈现出来,因为实际像素数量为9合1“参考”像素。也有带有其他device pixel ratio

的设备

more details about device pixel ratio

答案 1 :(得分:0)

如果我可以说一行,则参考像素是参考用户眼睛位置的像素,而硬件像素是屏幕上最小的点,这是rgb组合的结果。它们在本质上非常相同。现在详细介绍,

硬件像素-这是我们每天使用的像素。它是构建所有组件的最小单元。 非常像一个点画一条线

参考像素-随时间变化。他们使用的东西称为光学参考单元

每当我们使用设备时,设备与眼睛之间的距离都会变化。由于无法更改硬件像素的大小,因此我们只能在眼睛中看到它的拉伸版本。这可能与实际情况没有太大不同。

但是,在使用光学参考或参考像素的情况下,它会通过使用设备的惯性传感器来更改颜色深度。结果,我们可以在眼睛的每个观看位置看到准确的颜色。

对于android设备,有一个叫做与密度无关的像素或dip的术语。因为我们使用的设备具有不同的屏幕颜色深度,所以颜色密度因设备而异。为了使其标准化,Android引入了它。

简而言之,参考像素应使像素颜色独立于观看者的光学视点,而与设备的像素密度无关。

Wikipedia Page of Inertial Reference Unit

Official Android Docs