Ключевое слово `screen` относится к физическому экрану устройства или к viewport браузера?

Question

Accepted Answer

## Media type screen

В CSS media queries тип `screen` означает **экранные устройства** (в отличие от `print`, `speech`), а размеры вроде `width`/`height` в MQ относятся к **viewport** (видимой области), а не к физическим пикселям панели как таковым.

```css
@media screen and (max-width: 600px) {
  .nav { display: none; }
}
```

## Уточнения

- `screen` — media type; редко пишут явно (по умолчанию all).
- Физические пиксели ≠ CSS px; для плотности есть `resolution`, `device-pixel-ratio` (legacy).
- `window.screen` в JS — другое API (характеристики дисплея), не путать с MQ `screen`.

## Итог

`screen` = тип носителя «экран»; условия ширины в MQ — про viewport браузера.