0

我正在制作一个移动网站,并尝试这样做,以便标题 h1 标记将调整为屏幕大小的 80%。

4

2 回答 2

2

根据CSS Values and Units Module Level 3 (Candidate Recommendation),您可以使用vh单位,它等于初始包含块宽度的 1%。例如,font-size: 5vh将字体大小设置为正文宽度的 5%。最新版本的浏览器支持相当不错,但这不包括例如 IE 8。这或多或少回答了标题中的问题。

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

于 2013-07-21T18:17:23.130 回答
0

字体大小不能用作百分比 (%) 您可以使用 em 和 px 扩展字体大小,例如 font-size:2 em;

或字体大小:10px;

于 2013-07-21T21:06:04.097 回答