Чем отличается новый синтаксис медиазапросов от классического?

Новый синтаксис медиазапросов, появившийся с выходом спецификации Media Queries Level 4, отличается от классического использованием логических операторов сравнения. habr.com {8-host}

В классическом синтаксисе для задания условий ширины использовались только два параметра: min-width и max-width. habr.com С новым подходом можно сравнивать различные характеристики, например высоту области просмотра, пропорции вьюпорта, плотность пикселей и другие. habr.com

Некоторые преимущества нового синтаксиса:

• Улучшенная читаемость и поддерживаемость. habr.com Математический стиль условий ближе к привычной логике, поэтому медиазапросы становятся понятнее и проще в поддержке. habr.com
• Компактность записи. habr.com Логику диапазонов можно описать в одном месте, что снижает ошибки и ускоряет понимание кода. habr.com
• Возможность совмещать условия. habr.com Например, можно указывать условия по ширине и высоте с понятной логикой. habr.com

Однако у нового синтаксиса есть и недостатки: низкая узнаваемость и непривычность, а также ограниченная поддержка браузерами. habr.com Некоторые старые браузеры, например IE или древние Android-оболочки, не поддерживают новый синтаксис. habr.com