У меня есть одна веб-страница, на которой я хочу использовать разные таблицы стилей для печати, мобильных устройств, экрана и т. д.
У меня экран и печать работают отлично. У меня есть две разные таблицы стилей для мобильных устройств: одна для современных смартфонов (iPhone/Android), другая для Blackberry. Они называются mobile.css и blackberry.css соответственно.
Как я могу просто заставить свою страницу загружать мобильную таблицу стилей, когда iPhone/Android обращается к странице, и таблицу стилей Blackberry, когда большинство Blackberry загружают страницу?
Использование max-width: 480px
будет работать, но оно также заставит мобильную таблицу стилей работать на Blackberry (чей экран также имеет ширину 480 пикселей), что является нежелательным поведением.
Любая помощь?
1 ответ
Для печати:
<link rel="stylesheet" href="print.css" media="print">
Для того, чтобы нацелиться на Blackberry, вам, возможно, придется немного понюхать User-Agent
.
Похожие вопросы
Новые вопросы
css
CSS (каскадные таблицы стилей) - это язык таблиц стилей представления, используемый для описания внешнего вида и форматирования документов HTML (язык разметки гипертекста), XML (расширяемый язык разметки) и элементов SVG, включая (но не ограничиваясь) цвета, макет, шрифты, и анимации. Также описывается, как элементы должны отображаться на экране, на бумаге, в речи или на других носителях.