CSS píxeles vs dispositivos píxeles en iPhone

Si especifico el ancho de un<div> etiqueta usando CSS como 96px, ¿cuántos píxeles de dispositivo deberían ocupar en la pantalla de un iPhone de primera generación?

yo añadí<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> a la página, tomó una captura de pantalla en el simulador y midió eldiv para ser de 96 píxeles de dispositivo de ancho. Ahora leo elEspecificación W3 para píxeles CSS y establece que 1px es 1/96 de pulgada. Así que 96 píxeles CSS deberían traducirse a 1 pulgada. Dado que el iPhone original tiene unDPI de 163, una pulgada en la pantalla debe ocupar 163 píxeles del dispositivo. ¿Por qué no estoy obteniendo esa medida? En otras palabras, ¿deberían ser 96 píxeles CSS iguales a 1 pulgada?

Vi que la especificación también menciona el anclaje a un píxel de referencia. Me parece que el píxel de referencia es simplemente un píxel del dispositivo en este caso. Si tuviera que trabajar hacia atrás para obtener los valores de píxeles de CSS de una captura de pantalla, ¿sería correcto asumir que un píxel de dispositivo equivale a un píxel de CSS en el iPhone (pantalla sin retina)?

Respuestas a la pregunta(1)

Su respuesta a la pregunta