iPad 3, páginas web y los píxeles especificado tamaños

Considere la posibilidad de que en el retrato, el iPad original, es sólo 768 píxeles de ancho. Esto es demasiado estrecho para muchos/la mayoría de los diseños de página web. En lugar de eso, se muestra la página como si fuera 980 pixeles de ancho. A continuación, se reduce a escala que se ajuste a la real del pixel de la pantalla, la reducción de los gráficos. También se trastea con el texto para que quede claro, haciéndolo directamente (en lugar de rasterizar y, a continuación, la contracción, la cual sería difusa).

Con una pantalla de Retina, todavía actúa como si se 980 todo, pero ahora se convierte en todo. El texto es ahora muy fuerte. Con los elementos de imagen, si el gráfico tiene en realidad más resolución que la declaró tamaño, que se muestra en la mejor resolución posible. (Por ejemplo, el elemento IMG WIDTH="980", pero que el gráfico en particular es de 1536 píxeles de ancho. Es un "full-width" gráfico, así que vas a ver cada uno de los píxeles de una por una, aunque sea "sólo" 980 píxeles de tamaño.)

Puede ser problemático, pero Safari no intento a escala de la página ... Piense en cuando usted haga doble toque en un bloque de texto, y "ampliada" a un texto más grande. Aún así, las cosas se pueden representar en formas extrañas. Ayuda mucho a pensar sobre el tamaño de la ventana en lugar de la resolución de la pantalla ... Y el área de visualización/alineación/escala de las relaciones. De particular valor en el control de la experiencia es la configuración de la ventanilla de la etiqueta meta en los encabezados de la página cuidadosamente.

Buena pregunta (con el iPad de propiedad de la explosión (el 19% de los hogares estadounidenses, un par de meses atrás, y el total comprado de entrar en los cientos de millones de personas, la tableta de representación no puede ser ignorada. No es suficiente para detectar el agente navegador y hacia adelante a la gente a la "mobile" en el sitio que está optimizado para smartphones.