С помощью этого кода:Тип носителя CSS: Как загрузить CSS для мобильных устройств?
<link rel="stylesheet"
type="text/css"
href="media/css/mobile.css"
media="handheld" />
<link rel="stylesheet"
type="text/css"
href="media/css/screen.css"
media="screen" />
на моем N78 от Nokia браузер по умолчанию и опера мини нагрузки screen.css вместо mobile.css.
Что мне не хватает?
Nokia N78 использует браузер S60, который читает только таблицы стилей экрана. Он не будет читать «карманный компьютер». Он не поддерживает медиа-запрос. Вместо того, чтобы пытаться ввести здесь все, посмотрите на эту статью, и вы будете решать эту проблему - http://www.alistapart.com/articles/return-of-the-mobile-stylesheet
Использование iPhone в качестве примера:
<link media="only screen and (max-device-width: 480px)"
href="iPhone.css" type="text/css" rel="stylesheet" />
Я понятия не имею, какие браузеры/устройства это делает и не работает. Единственное мобильное устройство, для которого я разработал, - это iPhone. Но я уверен, что вы можете сделать это с вашей нокой.
Opera Mini использует экран типа носителя, поскольку она соответствует его поведение и способности лучше всего. Однако, если вы переключитесь в режим мобильного просмотра, он будет использовать переносные таблицы стилей. См. A developer’s look at Opera Mini 5 beta 2 для получения дополнительной информации.