С помощью этого кода:
<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 и мини-загрузке Opera.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 использует экран типа носителя, поскольку он лучше всего подходит для его поведения и возможностей. Однако, если вы переключитесь в режим мобильного просмотра, он будет использовать переносные таблицы стилей. См. Разработчики рассмотрят Opera Mini 5 beta 2 для получения дополнительной информации.