Какие преимущества и недостатки нового синтаксиса медиазапросов в CSS Level 4?

Некоторые преимущества нового синтаксиса медиазапросов в CSS Level 4:

• Избежание «щелей» между брейкпоинтами. habr.com Новый синтаксис позволяет каждому пикселю, даже самому пограничному дробному, найти свой медиазапрос. habr.com
• Чёткая и понятная логика диапазонов. habr.com Математический стиль условий близок к привычной логике, поэтому медиа-запросы становятся понятнее и проще в поддержке. habr.com
• Улучшенная читаемость и поддерживаемость. habr.com Такой стиль интуитивно читается даже вне контекста. habr.com
• Функции для взаимодействия с устройствами. itchief.ru Level 4 вводит новые функции, которые позволяют точно определять, какой механизм ввода используется на устройстве. itchief.ru Это улучшает взаимодействие с пользователем, адаптируя веб-интерфейсы под разные типы ввода. itchief.ru

Некоторые недостатки нового синтаксиса медиазапросов в CSS Level 4:

• Низкая узнаваемость и непривычность. habr.com Не все разработчики знакомы с современным форматом медиазапросов. habr.com
• Ограниченная поддержка браузерами. habr.com Некоторые браузеры, например IE или древние Android‑оболочки, не поддерживают новый синтаксис. habr.com
• Проблемы с компиляцией. habr.com Официальные компиляторы Dart Sass и Less не интерпретируют новый синтаксис, но могут его пропустить как «сырой CSS». habr.com Это означает, что локально такой код может скомпилироваться, но при более сложных выражениях (например, с переменными) — ошибки всё ещё возможны. habr.com