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

У меня экран и печать работают отлично. У меня есть две разные таблицы стилей для мобильных устройств: одна для современных смартфонов (iPhone/Android), другая для Blackberry. Они называются mobile.css и blackberry.css соответственно.

Как я могу просто заставить свою страницу загружать мобильную таблицу стилей, когда iPhone/Android обращается к странице, и таблицу стилей Blackberry, когда большинство Blackberry загружают страницу?

Использование max-width: 480px будет работать, но оно также заставит мобильную таблицу стилей работать на Blackberry (чей экран также имеет ширину 480 пикселей), что является нежелательным поведением.

Любая помощь?

css
1
AKor 12 Апр 2011 в 04:49

1 ответ

Для печати:

<link rel="stylesheet" href="print.css" media="print">

Для того, чтобы нацелиться на Blackberry, вам, возможно, придется немного понюхать User-Agent.

0
drudge 12 Апр 2011 в 04:53