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

Question

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

Answer 1

根據CSS值和單位模塊級別3 （候選推薦），您可以使用vh單位，該單位等於初始包含塊的寬度的1％。 例如， font-size: 5vh會將字體大小設置為正文寬度的5％。 瀏覽器支持在最新版本中相當不錯，但這不包括例如IE 8.這或多或少回答了標題中的問題。

問題正文中的描述有些不同。 字體大小是字體的高度，並且與字母的寬度（有所不同）沒有任何已定義的關系，因此CSS中沒有辦法使某些文本占據某個寬度的80％。 您當然可以設置h1元素的寬度，但這與設置文本內容的寬度非常不同。 您需要JavaScript來設置文本寬度。

Answer 2

字體大小不能用作百分比（％），你可以使用em和px擴展名的字體大小，例如font-size：2 em;

或font-size：10px;