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

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扩展名来填充字体大小 例如 font-size：2 em;

或 字体大小：10px的;