字体大小可以设置为页面宽度的百分比吗？

Question

我正在制作一个移动网站，并尝试这样做，因此标题h1标签将调整为屏幕尺寸的80％。

Answer 1

According to CSS Values and Units Module Level 3 (Candidate Recommendation), you can use the vh unit, which is equal to 1% of the width of the initial containing block. So for example, font-size: 5vh would set font size to 5% of the body width. Browser support is fairly good in newest versions, but this excludes eg IE 8. This more or less answers the question in the title.

The description in the body of the question is something rather different. The font size is the height of the font and does not have any defined relationship with the widths of letters (which vary), so there is really no way in CSS to make some text occupy 80% of some width. You can set the width of an h1 element of course, but this is very different from setting the width of its text content. You would need JavaScript to set the text width.

Answer 2

Font size can't be use as percentage (%) you can use em and px extensions for font size for example font-size:2 em;

or font-size:10px;