Есть ли способ использовать calc
с vh
единицей в медиа-запросе для ширины?
Я выполняю следующий код в Chrome 71 (поддержка calc
в медиа-запросах была добавлена в 66 ), но вижу следующий результат: calc
с px
работает (красный) , vh
без calc
работает (синий), но вместе они не (зеленый).
В Firefox все хорошо.
http://jsfiddle.net/tmor5yvh/
@media all and (min-width: calc(20px - 17px)) {
body {
background: red;
}
}
@media all and (max-width: 100vh) {
body {
background: blue;
}
}
@media all and (max-width: calc(100vh - 17px)) {
body {
background: green;
}
}
PS: Условие означает, что «ширина без 17 пикселей (для вертикальной полосы прокрутки) меньше высоты».