不支持某些内容时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，则会识别第二条规则，并且第一条规则将被其覆盖。

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