Históricamente, tendría que utilizar los medios de comunicación consultas de la base de ancho de píxel para determinar lo que visualiza el usuario final se consigue. Sin embargo, eso no/no funciona cuando se utiliza una resolución más alta, por ejemplo un Galaxy S4 (1080×1920) de resolución.

¿Cómo manejar esto?

  • AFAIK aún funciona, debido a que un píxel no es un pixel quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html
  • Exactamente lo que no funciona? blog.cloudfour.com/…
  • En primer lugar, la ventana ya va a ser escalada en alta resolución de los dispositivos como este, por lo general para 980px. Usted puede cambiar esto a usar la resolución nativa. Dependiendo de sus necesidades, de la base material en ems y este problema funciona automáticamente. La mayoría de los dispositivos 1em ajustar a un tamaño legible. Esto puede convertirse en un verdadero problema con los anuncios son siempre fijas de tamaño de píxel.
  • Me preguntaba acerca de la misma cosa. Me has salvado el tiempo para la investigación!
InformationsquelleAutor Drew Gorman | 2013-05-10

2 Comentarios

  1. 23

    ¿Qué te hace pensar consultas de medios de comunicación no funciona?

    Al parecer, del Galaxy S4 CSS proporción de píxeles es de 3.0, por lo tanto, mientras que su físico resolución de 1080×1920, su CSS resolución es todavía 360×640 – similar al Galaxy S3.

    También hay consultas de medios de comunicación que la prueba para la densidad de píxeles. Ellos pueden ayudarle a servir de alta resolución de imágenes o gráficos vectoriales de alta resolución de los dispositivos.

    http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density#Samsung

    http://bjango.com/articles/min-device-pixel-ratio/

    Además, echa un vistazo a este artículo:

    http://www.html5rocks.com/en/mobile/high-dpi/

    Impresionante base de datos de especificaciones de la pantalla

    http://screensiz.es/phone

    • Gracias por las respuestas a todos, esto tiene mucho más sentido para mí ahora.
    • Enlace de Wikipedia está muerto, creo que se puede encontrar el mismo contenido en en.wikipedia.org/wiki/…
  2. 7

    No está seguro de qué marco se está utilizando para el diseño de respuesta, pero el uso de Bootstrap he añadido esto a <head> y trabajó para mí:

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    Hay buena información sobre esto aquí:

    http://www.html5rocks.com/en/mobile/mobifying/

    Específicamente, la sección bajo el tema «Viewports» direcciones de tu pregunta.

Dejar respuesta

Please enter your comment!
Please enter your name here