iPad 3, páginas web y tamaños específicos de píxeles

Según Quirksmode , un "píxel" Es "esencialmente una construcción abstracta creada específicamente para nosotros los desarrolladores web". En otras palabras, sí: el navegador web del iPad y otros navegadores (¡y otras aplicaciones!) En la misma situación lo manejan sin problemas. Puedes leer más sobre esto en la publicación de QuirksBlog.

Tenga en cuenta que, en vertical, el iPad original tiene solo 768 píxeles de ancho. Esto es demasiado estrecho para muchos / la mayoría de los diseños de páginas web. Entonces, en cambio, muestra la página como si tuviera 980 píxeles de ancho. Luego reduce el tamaño para ajustarse al píxel de la pantalla real, reduciendo los gráficos. También se entretiene con el texto para que quede claro, representándolo directamente (en lugar de rasterizarlo y luego reducirlo, lo que lo haría borroso).

Con una pantalla Retina, todavía actúa como si tuviera 980 de ancho, pero ahora aumenta su tamaño. El texto ahora es muy agudo. Con los elementos de imagen, si el gráfico realmente tiene más resolución que el tamaño declarado, se mostrará con la mejor resolución posible. (Por ejemplo, el elemento es IMG ANCHO="980", pero ese gráfico en particular tiene 1536 píxeles de ancho. Es un gráfico de "ancho completo", por lo que vería cada píxel uno por uno, aunque sea "solo "980 píxeles de tamaño.)

Puede ser problemático, pero Safari intenta escalar la página ... Piensa cuando tocas dos veces un bloque de texto y te "acercas" a un texto más grande. Aún así, las cosas pueden rendir de manera loca. Ayuda mucho pensar en el tamaño de la ventana gráfica en lugar de en la resolución de la pantalla ... Y las relaciones de la ventana gráfica / alineación / escala. De particular valor para controlar la experiencia es configurar la metaetiqueta de la ventana gráfica en los encabezados de las páginas con cuidado.

Buena pregunta: con la explosión de la propiedad del iPad (el 19% de los hogares de EE. UU. hace unos meses y el total comprado en los cientos de millones, el procesamiento de la tableta no se puede ignorar. No es suficiente detectar el agente del navegador y reenviar a las personas al sitio "móvil" que está optimizado para teléfonos inteligentes.