Тип носителя 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 и мини-загрузке Opera.css вместо mobile.css.
Что мне не хватает?

Ответ 1

Nokia N78 использует браузер S60, который читает только таблицы стилей экрана. Он не будет читать "карманный компьютер". Он не поддерживает медиа-запрос. Вместо того, чтобы пытаться ввести все здесь, взгляните на эту статью, и вы решите проблему - http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Ответ 2

Использование iPhone в качестве примера:

<link media="only screen and (max-device-width: 480px)"
href="iPhone.css" type="text/css" rel="stylesheet" />

Я понятия не имею, какие браузеры/устройства это делают и не работают. Единственное мобильное устройство, для которого я разработал, - это iPhone. Но я уверен, что вы можете сделать это с вашей нокой.

Подробнее о медиа-запросах

Ответ 3

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