如何減少DOM的所有元素的字體大小？

Question

是否可以通過特定值減小DOM的所有元素的大小？

我現在使用引導樣式。 像h5它是14px，我需要12px，爲h1它是36px，我需要34px等。

我有2個選項做

1. 要重寫所有元素的自定義CSS。它需要一個巨大的改變。
2. 使用jQuery。我需要遍歷DOM的所有元素。找到那裏 字體大小，並減少2px。它會減慢頁面加載時間。

有沒有更好的方法來做到這一點？

Answer 1

你可以做的是，你可以在rems設置了基本字體大小爲您body。

含義，你必須設置一個font-size屬性爲您的身體，像這樣：

body { 
    font-size: 10px; 
} 

此之後，rem單位等於你的基地字體大小：

1rem = 10px

因此，您需要將所有元素的font-size設置爲rem。

當您想縮小或縮小一切時，只需更改bodyfont-size屬性，它將相應地縮放每個其他的東西。

因此，單位成爲相對的。*

如果你想下去JS的方式，你可以使用插件像FitText或其他一些替代品。