HTML中的字體大小可以用像素（px）、百分比（%）、點（pt）、英寸（in）等單位表示，但是這些單位并不適合做頁面的響應式設(shè)計。如果我們要進行網(wǎng)頁的響應式設(shè)計，那么就可以使用em單位來實現(xiàn)字體的自適應。

em單位是相對于父元素的字體大小計算的，具體來說，1em就是父元素的字體大小。比如說，我們有一個父元素

，它的字體大小是16px，那么子元素的字體大小是2em，就相當于32px。這樣，無論父元素的字體大小如何變化，子元素的字體大小總是與之成比例。

p{
font-size: 16px; /* 16px是父元素的字體大小 */
}
h1{
font-size: 2em; /* 子元素的字體大小是父元素的兩倍 */
}

在響應式設(shè)計中，我們可以設(shè)置不同屏幕寬度下的字體大小來適應不同的設(shè)備。比如說，當屏幕寬度小于768px時，我們可以將字體大小設(shè)置為原來的一半，這樣就可以讓網(wǎng)頁在手機上顯示得更加清晰、舒適。

@media screen and (max-width: 768px) {
p {
font-size: 12px; /* 當屏幕小于768px時，字體大小為原來的一半 */
}
}

總之，em單位是一種非常實用的字體大小單位，可以實現(xiàn)網(wǎng)頁的自適應和響應式設(shè)計。通過設(shè)置父元素的字體大小，我們可以輕松地控制子元素的字體大小，從而實現(xiàn)不同設(shè)備下的適應性。