上QQ阅读APP看书，第一时间看更新
第2章 相对单位
本章概要
❑ 相对单位的广泛用途
❑ 使用em和rem
❑ 使用视口的相对单位
❑ 介绍CSS变量
说起给属性指定值，CSS提供了很多选项。人们最熟悉同时也最简单的应该是像素单位（px）。它是绝对单位，即5px放在哪里都一样大。而其他单位，如em和rem，就不是绝对单位，而是相对单位。相对单位的值会根据外部因素发生变化。比如，2em的具体值会根据它作用到的元素（有时甚至是根据属性）而变化。因此相对单位的用法更难掌握。
开发人员，即便是经验丰富的CSS开发人员，通常也不愿意使用相对单位，包括经常提到的em。em值变化的方式使其难以预测，不如像素简单明了。本章将揭开相对单位的神秘面纱。首先我会解释相对单位给CSS带来的独特价值，并帮助你理解它们。我会解释它们的工作原理，然后展示如何控制其看似不可预测的性质。相对单位可以为我们所用，用得恰当的话，它们会让代码更简洁、更灵活，也更简单。