Альтернативный вариант в css, когда что-то не поддерживается

Question

Я создал веб-сайт, который использует vh для измерения, но столкнулся с проблемой, что некоторые браузеры не поддерживают vh, как я могу написать свой css, который пытается vh, но если он не работать он меняется на другую форму измерения? Благодаря

Вот пример КАС, что мне нужно будет изменить

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

Answer 1

CSS требует, чтобы браузеры игнорируют правила, которые не распознаются.

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

Если браузер поддерживает vh то второе правило будет распознано и первое правило будет отменено им.

Если это не так, то второе правило будет игнорироваться и будет применяться первое правило.