CSS定义多个字体大小

Question

我的网站正在使用视口大小（vw）来显示字体大小。

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

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

有办法做到这一点吗？

我在想像

这样的东西

font-size: 1vw 1em;

但显然这不起作用，因为1em会指定行高而不是font-size ..

有办法做到这一点吗？

由于

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>