Подтвердить что ты не робот

Calc() не работает в медиа-запросах

@media screen and (max-width: calc(2000px-1px)) 
{ 
.col { width: 200px; }
}

Значение после вычитания должно быть равно 1999px, однако оно, похоже, не работает. Если я вручную изменю его на 1999px, он отлично работает, поэтому я знаю, что это не проблема с моим css. Является ли calc не поддерживается в медиа-запросах, или я делаю что-то неправильно?

4b9b3361

Ответ 1

Вы делаете что-то неправильно.
Использование calc в мультимедийных запросах не поддерживается спецификацией.

Спецификация запросов к мультимедиа (Рекомендация W3C):

Функции мультимедиа

Синтаксически средства массовой информации напоминают свойства CSS: у них есть имена и принимать определенные значения. Однако есть несколько важных различия между свойствами и средствами массовой информации:

Свойства используются в объявлениях для предоставления информации о том, как представить документ. Функции мультимедиа используются в выражениях для описания требования устройства вывода.

...

Свойства могут принимают более сложные значения, например, вычисления, которые включают несколько другие значения. Средства мультимедиа допускают только одиночные значения: одно ключевое слово, одно число или номер с идентификатором единицы. (Единственные исключения являются медиа-характеристиками с соотношением сторон и пропорций устройства.)