在 CSS 中,我們可以使用相對字體高度單位來確定文本的大小,這些單位與視口大小或父元素大小有關。常見的相對字體高度單位有:
em rem %
em:
em 單位是相對于父元素的字體大小來計算的。例如,如果父元素的字體大小為 16px,則一個 2em 的元素將有一個字體大小為 32px。
父元素字體大小 16px font-size: 2em; // 字體大小為 32px
rem:
rem 單位是相對于根元素(即 html 元素)的字體大小來計算的。一般情況下,根元素的默認字體大小為 16px。
根元素字體大小 16px font-size: 2rem; // 字體大小為 32px
%:
百分比單位是相對于父元素的字體大小來計算的。例如,一個 200% 的元素將有一個字體大小為父元素大小的兩倍。
父元素字體大小 16px font-size: 200%; // 字體大小為 32px
相對字體高度單位可以方便地根據(jù)父元素的字體大小來計算元素的大小。