Los diferentes navegadores en diferentes teléfonos tienen una resolución de pantalla diferente.¿Cuál es la mejor práctica de diseño para establecer el ancho de página para las páginas web móviles?
¿Existe una mejor práctica en la comunidad para establecer el ancho a un tamaño estándar, para que funcione en la mayoría de los teléfonos modernos y navegadores?
En mi humilde opinión la mejor práctica es llevarse bien sin demasiadas suposiciones sobre el ancho y la resolución del dispositivo del cliente.
En su mayoría, estos dispositivos tienen navegadores orientados a mostrar/fluir/reducir páginas web. Si es posible, deje que el navegador haga el trabajo.
Siempre puede usar "ems" en lugar de los píxeles que debe escalar correctamente.
Esto sigue siendo un tema delicado ya que muchos navegadores móviles básicamente interpretan lo que tienes dependiendo de cómo los desarrolladores quisieron hacerlo interpretar.
día G,
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 grande al que estoy asociado toma la cadena UserAgent y la normaliza en un denominador común, p. más de 300 cadenas de UA diferentes en uso en el Reino Unido para un tipo de teléfono de Sony Ericsson en particular, por lo que todas se convierten a la misma cadena y luego se busca en una tabla para determinar el estado real de la pantalla.
Los codificadores también tienen acceso a la velocidad de conexión actual que se deduce de una aplicación de geolocalización según el tipo de conexión, tipo de ruta, etc. en el momento de la solicitud. No desea enviar medios ricos y de alta definición a alguien con una conexión lenta.
Esto se utiliza entonces para
HTH
aplausos,
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). Sin embargo, hay algunos métodos para ayudar con ese tipo de trabajo. Por ejemplo, Safari móvil para iPhone admite una metaetiqueta 'viewport' que le permite especificar atributos como el ancho. Éstos son 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 here, y encontrará mucha más información en la web.