字體大小可以設置爲頁面寬度的百分比嗎？

Question

我正在製作一個移動網站，並試圖這樣做，因此標題h1標籤將調整爲屏幕尺寸的80％。

Answer 1

根據CSS Values and Units Module Level 3（候選推薦），可以使用vh單位，該單位等於初始包含塊寬度的1％。例如，font-size: 5vh會將字體大小設置爲身體寬度的5％。在最新版本中，Browser support是相當不錯的，但是這不包括例如IE 8.這或多或少地回答了標題中的問題。

該問題的正文中的描述是相當不同的。字體大小是字體的高度，並且沒有與字母寬度（不同）之間的定義關係，所以在CSS中確實沒有辦法使某些文本佔據某個寬度的80％。當然，您可以設置h1元素的寬度，但這與設置文本內容的寬度有很大不同。您需要JavaScript才能設置文字寬度。

Answer 2

字體大小不能爲百分比（％）使用 可以使用EM和PX擴展字體大小 例如 字體大小：2 EM;

或 font-size：10px;