{ Web Commander }

Типы носителей (media types) — это способ адаптировать стили CSS под различные устройства и среды отображения.

Основные типы носителей

• all — применяется ко всем типам устройств.
• screen — для экранов компьютеров, планшетов, телефонов.
• print — для печати и предварительного просмотра печати.
• speech — для устройств синтеза речи.

Пример использования

@media screen and (max-width: 768px) {
  body {
    font-size: 14px;
  }
}

@media print {
  body {
    font-size: 12pt;
    color: black;
  }
}

В примере стили внутри @media screen будут применяться только на экранах с шириной до 768px, а стили в @media print — при печати.

Резюме

• Media types позволяют создавать адаптивные стили под различные устройства.
• Используются вместе с @media для адаптивного дизайна.
• Основные типы: all, screen, print, speech.