什么是绝对单位？相对单位和绝对单位之间有什么区别

adnanhridoy2844

我们如何在网络上创建准确的尺寸？在本文中，Elad Shechter 解释了为什么 CSS 绝对单位不是那么绝对。

当我们开始学习 CSS 时，我们发现 CSS 的测量单位分为相对单位和绝对单位。绝对单位植根于物理单位，例如像素、厘米和英寸。但多年来，CSS 中的所有绝对单位都失去了与物理世界的联系，变成了不同种类的相对单位，至少从网络的角度来看是这样。

值得注意的是，相对单位和绝对单位之间仍然存 手机号数据库列表 在显着差异。CSS 相对单位的大小根据父元素定义的其他样式定义确定，或者受父容器大小的影响。至于绝对单位，我们将深入研究它们如何受到其他因素（例如屏幕和设备操作系统）的影响。

相对单位包括%、em、rem、视口单位 (vw和vh) 等单位。最常见的绝对单位是像素 ( px)。除此之外，我们还有厘米单位 ( cm) 和英寸单位 ( in)。

现在，让我们探讨一下为什么 CSS 绝对单位不那么绝对。

CSS 像素
像素一直是 CSS 最常见的单位，可以追溯到网络诞生之初。在桌面屏幕的旧世界中，在我们拥有任何智能手机之前，屏幕的像素始终等同于 CSS 像素。

例如，在 2007 年，最常见的桌面分辨率是1024×768像素。当时，我们通常会为网页提供固定的1000像素宽度以适合整个页面，而剩余的像素将保存在浏览器的滚动条中。

旧的桌面屏幕
过去的显示器看起来完全不同！（图片来源：Shutterstock）（大预览）
智能手机屏幕
智能手机带来了又一次悄然的演变，开启了高密度屏幕时代。如果我们考虑 iPhone 12 Pro，其屏幕为1170像素宽，我们会将3设备上的每个像素计为1CSS 中的像素。