不支持某些内容时css中的备用选项

Question

我已经建立了一个使用vh进行测量的网站,但是遇到了一些浏览器不支持vh的问题,我如何编写尝试vh的css,但如果它不起作用,它会改变为另一种形式的测量？谢谢

这是一个我需要改变的CSS的例子

img{
 max-height: 90vh;
  cursor: pointer;
    display: block;
    z-index: 10;
}

Answer 1

CSS要求浏览器忽略无法识别的规则.

max-height: 100px;
max-height: 90vh;

如果浏览器支持,vh则将识别第二个规则,并且第一个规则将被它覆盖.

如果没有,则第二条规则将被忽略,第一条规则将适用.