Тип мультимедиа CSS: Как загрузить CSS для мобильных устройств? - PullRequest
Новая
       27

Тип мультимедиа CSS: Как загрузить CSS для мобильных устройств?

13 голосов
/ 08 августа 2009

С этим кодом: 

<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 Mini загружают screen.css вместо mobile.css .
Чего мне не хватает?

Ответы [ 3 ]

19 голосов
/ 08 августа 2009

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

9 голосов
/ 08 августа 2009

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

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

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

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

1 голос
/ 19 мая 2010

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

...