Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про CSS: css, @media

Для каких типов носителей существуют CSS медиазапросы?

Этот вопрос проверяет знание о различных типах устройств и экранов, к которым могут быть применены стили.

Короткий ответ

CSS медиазапросы поддерживают различные типы носителей, такие как :

  • screen (для экранов), 

  • print (для печати), 

  • tv (для телевизоров), 

  • braille (для устройств с тактильным выводом), 

  • tty (для устройств с фиксированной шириной символов),

  • embossed (для устройств с печатью на тисненом шрифте Брайля). 

Эти медиатипы позволяют адаптировать стили в зависимости от типа устройства или среды.

Длинный ответ

CSS медиазапросы поддерживают множество различных медиатипов, которые позволяют стилизовать контент в зависимости от устройства, используемого для отображения:

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

  • print — применяется для печатных версий документов, чтобы стили на странице выглядели правильно при печати.

  • tv — используется для устройств с телевизионными экранами. Обычно предполагает большие размеры экрана и низкое разрешение по сравнению с компьютерами.

  • braille — предназначен для устройств с тактильным выводом, которые используют шрифт Брайля для воспроизведения текста.

  • tty — для устройств с фиксированной шириной символов, таких как телетайпы и терминалы.

  • embossed — используется для устройств, которые печатают на бумаге с тиснением шрифта Брайля.

  • speech — для синтезаторов речи, которые озвучивают текст.

Использование медиазапросов помогает адаптировать веб-контент для различных устройств и условий, что особенно важно для обеспечения доступности и удобства использования.

Уровень

  • Рейтинг:

    2

  • Сложность:

    9

Навыки

  • CSS

    CSS

Ключевые слова

#css

#@media

Подпишись на React Developer в телеграм