em
以前一直对em心存疑虑,今天终于了解它的作用了。
CSS的单位分绝对和相对两种,比如设置width: 100px,就是绝对值,如果设置成width: 100%,就会相对父元素的大小进行调整。
em是一种相对单位,它相对于父元素的文本字体大小,来看一个例子:
body { font-size: 100%; } h1 { font-size: 1.5em; }
这段CSS表示页面使用字体的默认大小,即16px。h1的大小是默认大小的1.5倍,即24px(16 * 1.5 = 24)
以前一直对em心存疑虑,今天终于了解它的作用了。
CSS的单位分绝对和相对两种,比如设置width: 100px,就是绝对值,如果设置成width: 100%,就会相对父元素的大小进行调整。
em是一种相对单位,它相对于父元素的文本字体大小,来看一个例子:
body { font-size: 100%; } h1 { font-size: 1.5em; }
这段CSS表示页面使用字体的默认大小,即16px。h1的大小是默认大小的1.5倍,即24px(16 * 1.5 = 24)