CSS type de support: Comment charger CSS pour mobile?

Question

Avec ce code:

<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" />

sur mon N78 le navigateur par défaut de Nokia et mini-opéra de charge screen.css au lieu de mobile.css .
Qu'est-ce que je manque?

Answer 1

Nokia N78 utilise le navigateur S60, qui ne lit que « les feuilles de style à l'écran ». Il ne lit pas le « ordinateur de poche ». Il ne supporte pas la requête des médias. Au lieu d'essayer de taper tout ici, jetez un oeil à cet article et vous résoudre le problème - http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Answer 2

En utilisant l'iPhone comme un exemple:

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

Je ne sais pas quels navigateurs / périphériques et cela ne fonctionne pas pour ne. Le seul appareil mobile que j'ai développé pour est l'iPhone. Mais je suis sûr que vous pouvez donner un coup de feu avec votre Nokia.

Plus sur les requêtes des médias

Answer 3

Opera Mini utilise l'écran de type de média car il correspond à son comportement et les capacités meilleures. Cependant, il utilisera les feuilles de style de poche si vous passez en mode d'affichage mobile. Voir Un look de développeur chez Opera Mini 5 beta 2 pour plus d'informations.