這是我的html

<section id="l" class="logo">
            <i class="fa-solid fa-dragon"></i>
            <h1>Blog</h1>
</section>

當我更改。徽標選擇器我可以看到我的h1元素變大了。然而，當我做同樣的事情時。標志h1選擇器的大小不同。請注意，對于這兩種情況，我使用了相同的字體大小。我不知道這是怎么回事。

你可以使用瀏覽器的devtools inspect工具來查看字體大小是由誰/在哪里設置的。

在父字體中字體大小設置為1.3rem的情況下，即設置em大小。

它的子節點(h1)沒有明確地設置字體大小，所以它選擇瀏覽器設置的字體大小。在這個例子中，我將h1的字體大小設置為1.5em。

因此h1中的字體大小變為1.5 * 1.3毫米

在第二種情況下，您通過將h1的默認字體大小專門設置為1.3rem(小于1.5 * 1.3rem)來覆蓋它

如果沒有明確指定，元素的字體大小將從其父元素繼承。換句話說，改變一個元素的字體大小可以改變它的任何后代的字體大小。

字體大小有絕對單位和相對單位。如果元素指定了相對字體大小，這是相對于繼承的大小。Web瀏覽器有一個默認的樣式表，它使用大約2e m的相對字體大小來設置h1元素的樣式，這相當于繼承大小(為body指定的大小)的200%。當然，您可以用不同的相對或絕對字體大小來覆蓋它。

進一步閱讀

一個rem等于根元素的字體大小。例如，如果根元素的字體大小設置為16px，那么1rem等于16px。

使用rem單位可以更容易地創建響應式設計，因為它允許您相對于根元素設置大小，而不是使用絕對像素值。這意味著，如果用戶在他們的瀏覽器設置中改變默認字體大小，你的網站看起來仍然比例正確。