CSS 定义多个字体大小

Question

我的网站使用视口大小 (vw) 作为字体大小。

然而，正如许多人所知，vw 在某些浏览器中不起作用..

所以我想为我的 html 标签定义 1 个额外的字体大小，以防用户的浏览器不支持 vw 大小..

有办法吗？

我在想

font-size: 1vw 1em;

但显然这不起作用，因为 1em 会指定行高而不是字体大小..

有办法吗？

谢谢

Answer 1

您可以先简单地指定较少支持的回退值：

span {
    font-size: 10em;
    font-size: 10vw;
}

如果浏览器不支持 vw 单位，font-size 将是 10em。

如果您想实际查看此内容，请尝试查看 IE8/7 中的 this example。

span {
    font-size: 10em;
    font-size: 10vw;
}

<span>If the browser doesn't support vw units, the font-size will be 10em</span>

CSS defining multiple font-sizes