Play IT

Адаптивный viewport

Интерактивное демо «Адаптивный viewport» — раздел Энциклопедия · Данные и разметка.

data-markupencyclopedia

Viewport и media queries

Сдвиньте ширину — подсветится активный breakpoint

360px

1 колонка

  • @media (min-width: 0px) — до 480px — mobile
  • @media (min-width: 480px) — 480–767px — tablet
  • @media (min-width: 768px) — 768px+ — desktop

Активно: до 480px — mobile