Типы устройств отображения
Для каждого свойства CSS определяет те устройства отображения, к которым это свойство применимо. С этой целью все устройства отображения классифицированы в CSS по следующим признакам:
визуальные, звуковые и тактильные устройства;
непрерывные и страничные устройства;
символьные и графические устройства;
интерактивные и статические устройства;
all - все устройства.
Соответствующее разбиение устройств на группы выглядит так.
Типы устройств отображения| Устройство | Группы устройств |
|---|
| визуальное/ звуковое/ тактильное | непрерывное/ страничное | символьное/ графическое | интерактивное/ статическое |
|---|
| aural | звуковое | непрерывное | - | и то, и другое |
|---|
| braille | тактильное | непрерывное | символьное | и то, и другое |
|---|
| emboss | тактильное | страничное | символьное | и то, и другое |
|---|
| handheld | визуальное | и то, и другое | и то, и другое | и то, и другое |
|---|
| print | визуальное | страничное | графическое | статическое |
|---|
| projection | визуальное | страничное | графическое | статическое |
|---|
| screen | визуальное | непрерывное | графическое | и то, и другое |
|---|
| tty | визуальное | непрерывное | символьное | и то, и другое |
|---|
| tv | визуальное, звуковое | и то, и другое | графическое | и то, и другое |
|---|
Директива @media
Директива @media предназначена для создания таблиц стилей, зависящих от устройства отображения. Она задает список устройств отображения, разделенных запятыми, к которым применимы содержащиеся в ней правила, заключенные в фигурные скобки. Если текущего устройства отображения нет в списке, то содержимое данной директивы должно игнорироваться обозревателем. Примеры:
@media print {
BODY { font-size: 10pt }
}
@media screen {
BODY { font-size: 12pt }
}
@media screen, print {
BODY { line-height: 1.2 }
}
| Поддержка : |  | Только устройства screen, print и all (5.0+) | | |  | Не поддерживается |
1 2 3 4
8 8 8
| |
*
Обратная связь