如果您希望设计在各处都显得相同

[ariful199]

Px、Pt、Em 还是 Rem？这些网页设计值对于间距、尺寸或字体大小意味着什么 2021 年 4 月 15 日 大卫 3 条评论 Px、Pt、Em 还是 Rem？这些网页设计值对于间距、尺寸或字体大小意味着什么当涉及到间距、尺寸或字体大小时，网页设计中总是会出现正确值的问题。在 CSS 信息中，可以轻松指定精确到像素的所有内容，但这实际上有多大意义呢？以像素为单位指定真的总是正确或最佳值吗？ 这正是我今天想通过仔细研究像素 (Px)、点 (Pt)、Em 和 Rem 值来解决的问题。 内容 Px、Pt、Em 还是 Rem？ 首先，我们应该弄清楚这些术语在网页设计中到底意味着什么以及它们的特点是什么。


像素 (Px) 在网页设计中，像素通常缩写为“px”。像素是光栅 菲律宾电话号码 图形或屏幕上的最小点。无论特殊功能或特性如何，10 像素高的元素始终在相应表面上占据 10 像素。无论是在 MacOS 和 Windows 上，还是在 Android 和 iOS 上。 因此，无论系统如何，像素始终代表绝对大小。然而，这给用户带来了问题。如果他们更改浏览器中的默认字体大小，那么网站的字体大小也会随之更改。但是，指定绝对字体大小可以防止这种情况发生。如果用户想要放大字体，则首先必须缩放。 就可访问性而言，这可能是一个更大的问题。然而，像素的优点是可以进行像素精确的设计，这在所有计算机和显示器上看起来都是一样的。



因此，如果您希望设计在各处都显得相同，请选择 Pixel。 点数 (Pt) 这些点也是绝对大小。然而，对于德国人来说，它们的意义远不如像素。一点是一英寸的七十秒（或英语中的英寸）。因此，在 72 dpi（每英寸点数）下，1 点就是 1 像素。在更高的 dpi 数字下，它变得越来越复杂。 据我所知，这些点来自印刷和图形领域，因此如果可能的话，它们根本不会在网页设计中使用。由于不同的设备上可能会产生不同的值，因此点总是很难处理。例如，在 dpi 较低的设备上，字体会比在 dpi 高的设备上更小。 埃姆 现在它变得令人兴奋，因为 Em 意味着相对大小。