¿Cuál es el diseño de mejores prácticas para el ajuste del ancho de página para páginas web para móviles?

Question

Los diferentes navegadores en diferentes teléfonos tienen diferentes resoluciones de pantalla.

¿Hay una mejor práctica en la comunidad para establecer el ancho de un tamaño estándar, por lo que funciona en la mayoría de los teléfonos y navegadores Modernos?

Answer 1

En mi humilde opinión la mejor práctica consiste en pasar sin demasiadas suposiciones sobre la anchura y la resolución del dispositivo de los clientes.

Medio esos dispositivos tienen navegadores orientadas a la visualización de páginas web / flujo / reductores. Si es posible, dejar que el navegador haga el trabajo.

Answer 2

No hay manera fácil de asegurar la precisión de píxel perfecto en todos los navegadores móviles (en realidad, no hay manera fácil de hacer eso con cualquier navegador). Hay, sin embargo, algunos métodos para ayudar con ese tipo de trabajo. Por ejemplo, Safari móvil para el iPhone es compatible con una etiqueta meta 'ventana' que le permite especificar atributos como la anchura. Aquí están algunos ejemplos de uso:

<meta name="viewport" content="width = 750px" />

<meta name="viewport" content="initial-scale=2.5, user-scalable=no" />

Apple tiene alguna información aquí , y encontrará mucha más información en la web.

Answer 3

Buen día,

Sé que estás cuestión es decidir hacer una selección del tamaño de la pantalla óptima para trabajar en todos los teléfonos, sino que el enfoque pronto se agota con los usuarios.

Un sitio web muy grande estoy asociado con el agente de usuario toma la cadena y se normaliza a un denominador común, por ejemplo, más de 300 cadenas UA diferentes en uso en el Reino Unido para un determinado tipo de teléfono Sony Ericsson para obtener toda convertido en la misma cadena y, a continuación, realiza una búsqueda en una tabla para determinar espacio en pantalla.

Los codificadores también tienen acceso a la velocidad de conexión actual que se deduce por una aplicación de geolocalización basado en el tipo de conexión, el tipo de enrutamiento, etc. en el momento de la solicitud. no quiere enviando ser ricos, medios de alta definición a una persona con una conexión lenta.

Esto se utiliza entonces para

1. decidir si el contenido rico puede ser servido, y después
2. seleccionar el formato óptimo para el contenido.

HTH

aplausos,

Answer 4

Siempre se puede utilizar el "EMS" en lugar de píxeles que debe escalar correctamente.

Esto sigue siendo un tema delicado ya que muchos navegadores móviles, básicamente, interpretan lo que has dependiendo de cómo los desarrolladores querían hacerla interpretar.