欢迎来到网页工程C工作坊!工作坊的主要目的是为大家提供一些有关网页设计及开发等等的热门资讯,希望大家可以将资讯用于自己的作品上,以及能启发大家的创作灵感!

em 单位的使用 01

em 是指相对文字大少单位,通想用作设定文字大小(font-size)的单位,但也可以用于设定距离(如 margin padding 等)。

1em 等于物件的“当前文字大小”,若本物件没有设定文字大小(font-size),则会使用上层的文字大小,若上层也没有设定文字大小,便会一直向上寻找,直到最顶端(root),若 root 也没有设定文字大小,则会使用浏览器本身默认的文字大小,通常为 16px。相对性的设定好处便是令版面设计更有弹性,例如本例子中,若修改最上层 root 的文字大小,所有以下的物件也会按比例自动更改,无需再每一个设定去修改。