¿Qué unidades usas para css para aplicaciones web móviles?

Question

px? em? pt? parece que con diferentes tamaños de dispositivos y densidades se está convirtiendo en tiempo para usar algo tan absoluto como pts. ¿Alguien puede indicarme un buen artículo reciente sobre qué usar cuando?

(estoy dirigido específicamente a los dispositivos móviles basados ​​en WebKit como mi plataforma principal, aunque el sitio tiene que trabajar en monitores de gran tamaño, también. Estoy bien haciendo caso omiso de IE y navegadores antiguos en su mayor parte.)

Answer 1

Echa un vistazo this y that de Luke Wroblewski. Google buscando su nombre encontrará más.

Answer 2

Como dices con teléfonos de alta densidad, debes evitar px, pero también pt que originalmente era para imprimir. A medida que configura su sitio para que cumpla con la mayoría de los navegadores, móviles o no, establezca el tamaño de fuente de su cuerpo usando el porcentaje (históricamente mejor apoyo que digo sin fuente) y luego use em a través de su documento. Esto les permite a los usuarios configurar el tamaño de fuente preferido en la configuración de su navegador (teléfonos móviles) y le permite mantener sus relaciones entre los diferentes tamaños de fuente.

Answer 3

creo que son mejores hojas de diseño de estilo múltiple CSS para tamaños de la ventana del navegador,

Aparte de que el mejor método en mi mente es porcentajes - de esa manera el contenido es siempre relativa a la pantalla que se está visualizando en. Y luego use em para font-sizes que es similar en la forma en que funciona a la forma en que el porcentaje funciona para los tamaños de diseño.

Answer 4

Como desarrollador web, me atengo a pixels porque este es ya un estándar para todos los dispositivos de visualización digital. La mayoría de los teléfonos móviles ahora vienen en pantallas basadas en píxeles, y los teléfonos pueden redimensionarse para adaptarse a su contenido.

Simplemente tiene que asegurarse de minimizar la cantidad de contenido en cada página para cargar y renderizar rápidamente.