CSS tipo de medio: Cómo cargar CSS para móviles?

Question

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

en mi N78 navegador predeterminado y opera mini carga del Nokia screen.css en lugar de mobile.css .
¿Qué me falta?

Answer 1

Nokia N78 utiliza el navegador S60, que sólo lee las hojas de estilo "pantalla". No va a leer la "mano". No es compatible con consulta de medios. En lugar de tratar de escribir todo aquí, echar un vistazo a este artículo y usted va a resolver el problema - http://www.alistapart.com/articles/return-of-the-mobile-stylesheet

Answer 2

Uso de la iPhone como un ejemplo:

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

No tengo idea de lo que navegadores / dispositivos que esto hace y no funciona para. El único dispositivo móvil que he desarrollado para el iPhone es. Pero estoy seguro de que puede darle un tiro del teléfono Nokia.

Más sobre preguntas de los medios

Answer 3

Opera Mini utiliza la pantalla del tipo de medio, ya que se ajusta a su comportamiento y las capacidades mejores. Sin embargo, se utilizará hojas de estilo de mano si se cambia al modo de visualización móvil. Ver mirada de un desarrollador de Opera Mini 5 beta 2 para más información.