Верстка · Middle · Запитання 31 з 75
Що нового в синтаксисі @media (width >= 768px)?
- ✓Правильна відповідь: Синтаксис діапазонів із Media Queries Level 4, аналог
min-width - 2Це синтаксис Sass: браузери його не розуміють без компіляції
- 3Це контейнерний запит: він дивиться на ширину батька, а не вікна
Пояснення
Range syntax дозволяє писати порівняння: (width >= 768px), (400px <= width < 1000px). Він коротший і позбавляє плутанини min/max на межах. Підтримується всіма сучасними браузерами, і Tailwind v4 генерує брейкпоінти саме в такому вигляді. Контейнерний запит пишуть через @container.