Чем отличается синтаксис медиазапросов в CSS3 и CSS4?

Синтаксис медиазапросов в CSS3 и CSS4 (Media Query Level 4, MQ4) отличается, в частности, способом задания условий ширины экрана. dev.to habr.com

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

Некоторые особенности нового синтаксиса:

• Использование операторов сравнения. dev.to dzen.ru Можно применять <, >, <=, >= для более наглядного сравнения. dev.to
• Синтаксис диапазонов. dev.to Вместо min-width и max-width можно использовать более компактный синтаксис диапазонов. dev.to
• Использование ключевого слова not. dev.to Его применяют для обратных условий. dev.to
• Пользовательские медиазапросы. dev.to Можно определять псевдонимы медиазапросов для повторного использования. dev.to
• Улучшенные логические операторы. dev.to Их можно использовать более гибко: «and», «or» и «not». dev.to
• Обнаружение функций. dev.to Появились возможности для обнаружения возможностей устройства. dev.to
• Соотношения сторон. dev.to Появился более простой синтаксис для работы с соотношениями сторон. dev.to