如何減少網站的整體字體大小？

有沒有辦法減少網站的整體字體大小？假設我們有一個WordPress主題（例如Highwind），如何減少所有頁面元素的字體大小而不影響任何其他屬性？如何減少網站的整體字體大小？

我試過設置body { font-size: 1.0em; }，但是也會縮小標題的寬度。如果我使用Opera的縮放選項將網站的比例調整到90％，則該頁面看起來非常完美，並且只是我希望的樣子。

所以我想知道，什麼是最簡單的方法來減少網站上的所有字體的大小，而無需單獨調整每個CSS類。主題使用em作爲字體大小，所以我想必須有一個精確的解決方案。不過，我不明白爲什麼標題也會縮小。

2014-09-21 user1438038

顯然，在你的情況下，使用一個特定的主題，設置'體{字體大小：85％;}'*不*減少整體的字體大小（因爲主題設置'體{字體大小：1.125em;}'）。所以你想要的是*不*只是減小字體大小。你應該描述這些要求，並將它們與一些特定的設計聯繫起來，*在問題本身中描述*帶有足夠的代碼。 – 2014-09-22 05:46:42

嘗試使用％身體字體大小：E.g.

body {font-size: 85%;}

來源

2014-09-21 22:53:50

+1，但如果您有足夠的時間和知識，我會將所有'font-size'屬性設置爲'em'值 - 總體而言，它會創建一個更靈活的解決方案。 – rwxes 2014-09-21 22:59:09

嘗試在html元素上播放字體大小。這也會影響rem（root ems）中指定大小的任何元素。

或者，更改主體上的字體大小而不是html元素的大小將影響在ems中指定的元素的大小，但不是rems。

見

來源

2014-09-22 04:33:12 johntrandall

如何減少網站的整體字體大小？

回答

相關問題