網頁

2017/8/17

CSS font-size em的預設大小

CSS font-size的單位em預設大小為16px,也就是1em = 16px,所以2em = 32px。不過若em的parent element有的font-size大小為14px,則1em = 14px

例如下面標籤<p>的font-size為1em,因為他的parent element <div>標籤的大小為14px,所以p標籤的1em等於14px。

<body>
  <div style="font-size:14px;">
    <p style="font-size:1em;"></p>
  </div>
</body>

參考MDN web docs - font-size

沒有留言:

張貼留言