使您能够使用绝对单位

直观。两位开发人员在中使用单位的缩写单位规定元素相对于根元素大小的字体大小。默认情况下大多数浏览器使用的字体大小值为。因此如果根元素为则值为的元素也将等于。因此单位对于相对于根元素的大小缩放元素非常有用即使您不知道默认字体大小是多少。在本文中我们将回顾什么是单位以及如何有效地使用它们来满足您的造型需求。立即下载个和技巧免费指南什么是是什么对于响应式网页网页元素的大小随着视口的大小而变化。如像素或相对单位如百分比或单位来声明字体大小。由于像素是绝对单位因此它们。

不随视口缩放。因此代表物理设备上的一个单位无论设备大小如何。因此使用百分比或等相对单位通常更容易创建响应式网站。百分比是相对于父元素或该元素中的属性而言的。它们通常用于设置元素的宽度和高度。单位专门 数字数据 相对于父元素使元素能够在父元素的上下文中缩放。考虑一个标签嵌套在一个字体大小为的文章元素中为元素指定的字体大小使其实际大小为是元素字体值的两倍。什么是与单位类似是相对单位。然而它们引用根元素通常是元素本身。大多数浏览器将默认字体大小设置为。但是您可以更改此设置。例如要将字体大小更。




改为您可以将以下内容添加到样式表中设置元素的大小后您可以将使用单位的所有其他元素的大小指定为该大小的百分比以小数表示。什么是例如假设根对象的默认字体大小为则您可以使用设置字体大小为的段落样式因为每次想要将单位转换为像素时进行这些计算很快就会变得令人沮丧。考虑通过将和转换为单位获得的以下值像素雷姆这些值并不容易记住而且您可能需要更频繁地找出计算器来确认它们。幸运的是的技巧旨在解决这些问题。通过将根字体大小设置为其默认值的参考值通常变为使上述值分别为和。但为什么将根字体。