【发布时间】：2013-07-22 05:06:04
【问题描述】：
我正在制作一个移动网站，并尝试这样做，以便标题 h1 标记将调整为屏幕大小的 80%。
【问题讨论】：
-
浏览器必须支持这一点，是的支持，您可以使用响应式方法为您想要的每个屏幕开发您的网站
标签： android html iphone css mobile
【发布时间】：2013-07-22 05:06:04
【问题描述】：
根据CSS Values and Units Module Level 3（候选推荐），您可以使用vh 单位，它等于初始包含块宽度的1%。例如，font-size: 5vh 会将字体大小设置为正文宽度的 5%。 Browser support 在最新版本中相当不错，但这不包括例如IE 8。这或多或少回答了标题中的问题。
问题正文中的描述有些不同。字体大小是字体的高度，与字母的宽度（变化）没有任何定义的关系，因此在 CSS 中确实没有办法让某些文本占据某些宽度的 80%。您当然可以设置h1 元素的宽度，但这与设置其文本内容的宽度有很大不同。您需要 JavaScript 来设置文本宽度。
【讨论】：
字体大小不能用作百分比 (%) 您可以使用 em 和 px 扩展名来确定字体大小 例如 字体大小：2 em;
或 字体大小：10px;
【讨论】：