Главная/ Cправочник HTML, CSS, Javascript/ CSS справочник/ Медиа типы | @media

Медиа типы | @media

Последнее обновление: 25.01.2011

Медиа типы позволяют задать разное оформление страницы для разных типов устройств (экран, КПК, принтер и т.д.)

Синтаксис


@media тип устройства 1[, тип устройства 2] {
описание CSS свойств
}

Типы устройств

all все устройства (используется по умолчанию)
aural речевые синтезаторы и программы воспроизведения текста в слух (напрмиер голосовые браузеры)
braille устройства для слепых людей, основанные на системе Брайля
embossed для принтеров Брайля
handheld наладонные устройства (КПК, смартфоны и т.п.)
print устройства для печати
projection проекторы
screen экраны компьютерных мониторов
tv телевизоры
tty устройства, использующие моноширинную символьную сетку, подобно телетайпам и терминалам

Твой код:

Результат: