CSS tipo de mídia: Como carregar CSS para celular?

Question

Com este código:

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

no meu N78 navegador padrão e opera mini carga da nokia screen.css em vez de mobile.css .
O que eu estou ausente?

Answer 1

Nokia N78 usa o navegador S60, que lê apenas folhas de estilo "tela". Não vai ler o "portátil". Ele não suporta consulta de mídia. Em vez de tentar escrever tudo aqui, ter um olhar para este artigo e você vai resolver o problema - http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Answer 2

Usando o iPhone como um exemplo:

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

Eu não tenho idéia que navegadores / dispositivos esta faz e não funciona para. O único dispositivo móvel Eu já desenvolvido para o iPhone. Mas tenho certeza de que você pode dar-lhe um tiro com o seu nokia.

mais em mídia consultas

Answer 3

Opera Mini usa a tela de tipo de mídia porque ele se encaixa o seu comportamento e capacidades melhores. No entanto, ele irá usar folhas de estilo portáteis se você alternar para o modo de exibição móvel. Veja olhada de um desenvolvedor em Opera Mini 5 beta 2 para mais informações.