У нас есть проблема на мобильном телефоне, связанная с использованием устройства vh.Вместо того, чтобы иметь пробел в верхней / нижней части страницы, который не согласуется, мы надеемся использовать несколько новых функций, чтобы помочь нам сократить горчицу для поддержки.
Мне не очень нравится определять, может ли медиа-запрос @supports(...){} работать для нас здесь.Я надеюсь добиться ...
Проверить поддержку css env() _Это также будет включать проверку версии JS CSS.supportsвключить JS для обновления следующего запасного варианта ...
Проверить поддержку CSS-переменных .Используя эту функцию, мы просто пересчитали vh на основе окон innerHeight (?) И присвоили его переменной CSS --vh
Если ни один из этих двух вариантовдоступно, мы отступили бы к гораздо большему, чем требуемое верхнее и нижнее поля.
Так что мой актуальный вопрос.Можно ли использовать медиазапрос @supports(...){} для любой из этих двух функций?