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

Question

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

Answer 1

根据 CSS Values and Units Module Level 3 (Candidate Recommendation)，可以使用vh单位，等于初始包含 block 宽度的1%。例如，font-size: 5vh 会将字体大小设置为主体宽度的 5%。 Browser support在最新版本中相当不错，但这不包括例如IE 8。这或多或少回答了标题中的问题。

问题正文中的描述有些不同。字体大小是字体的高度，与字母的宽度(变化)没有任何定义的关系，所以在 CSS 中真的没有办法让一些文本占据一些宽度的 80%。您当然可以设置 h1 元素的宽度，但这与设置其文本内容的宽度有很大不同。您需要 JavaScript 来设置文本宽度。