Какие знаешь свойства у @midea в CSS

@media позволяет применять стили в зависимости от условий (разрешение экрана, ориентация и т.д.). Основные свойства:

1. width / height – ширина/высота viewport

   css

   Копировать

   @media (max-width: 768px) { ... }

2. orientation – ориентация устройства (portrait или landscape)

   css

   Копировать

   @media (orientation: landscape) { ... }

3. resolution – плотность пикселей (например, min-resolution: 2dppx)

4. hover – проверка поддержки hover

   css

   Копировать

   @media (hover: hover) { ... }

5. prefers-color-scheme – тема ОС (light/dark)

   css

   Копировать

   @media (prefers-color-scheme: dark) { ... }

6. aspect-ratio – соотношение сторон viewport

Также есть логические операторы (and, not, only) для комбинирования условий.