html - 不支持某些内容时 css 中的替代选项

Question

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

这是我需要更改的 CSS 示例

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

Answer 1

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

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

如果浏览器支持vh，那么第二条规则将被识别，第一条规则将被它覆盖。

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