Медиа-запрос с vh и calc в Chrome - PullRequest
0 голосов
/ 11 января 2019

Есть ли способ использовать 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 пикселей (для вертикальной полосы прокрутки) меньше высоты».

...