La mayoría de los diseñadores usan 1024x768 como referencia para el desarrollo de sitios web. Eso les permite usar sistemas de cuadrícula css como 960 & blueprint para delinear fácilmente el contenido. ¿Hay una resolución de línea base similar para el diseño de teléfonos móviles?¿Hay una resolución de página web estándar para teléfonos móviles?
La mayoría de los usuarios usarán teléfonos iPhone, Android y Blackberry.
320 por 480 es la resolución de la pantalla común para los nuevos dispositivos móviles.
Dicho esto, si quieres apoyar a la mayoría de los dispositivos móviles, es posible que desee dar soporte a múltiples resoluciones.
¿Están esos valores actualizados? ¿Dos años después? –
@OlivierPons Voy a * adivinar * no. – Dan
El mundo de los dispositivos móviles se ha disparado desde que se publicó originalmente, dándonos una gran cantidad de tamaños de pantalla. Es comprensible que haya una gran variedad de tamaños para construir, pero ¿alguien sabe cuál es el tamaño de la pantalla * * * * * * * * * * * * * * * * más visto hoy en día? –
si está utilizando Apache ApacheMobileFilter puede ayudar a determinar el tamaño de la pantalla del dispositivo real
Usted puede
Con los dispositivos android, iphone y blackerry no hay una gran diferencia en los tamaños de pantalla. Con un poco de previsión y diseño, puede tener todos estos dispositivos en un sitio web móvil (por ejemplo, sería justo decir que el ancho sería de 240 píxeles o más y diseñar en consecuencia)
Sin embargo, si planea para ir más allá de estas plataformas hay un mundo de dolor esperándolo, (J2ME, BREW, Symbian, WinMo y 120x160, 176x220 tamaños de pantalla, etc.)
Simplemente, no.
Mucha información aquí. http://www.quirksmode.org/mobile/
Hay demasiados dispositivos con demasiadas pantallas diferentes para asumir una resolución común. Si bien puede ser cierto que 320 x 480 se pueden encontrar en muchos dispositivos, de ningún modo es "común". Debe usar principios de diseño flexibles y luego usar consultas de medios o detección js para agregar una clase para ajustar su pantalla a las dimensiones adecuadas. Esto es parte de lo que hace que los dispositivos móviles sean tan difíciles de manejar en este momento.
Sí, hay 1.024 x 960 x 800 x 768 x 640 x 480 x 360 para los tamaños de diseño web resposive - mejor ir con porcentajes para este avod
This website es súper práctico. Una base de datos actualizada de varios dispositivos y sus especificaciones de pantalla.
también puede probar cómo se verá el sitio web usando la página quirktools, http://quirktools.com/screenfly/, tiene algunas resoluciones de pantalla predeterminadas, pero también puede usar una personalizada. Si combinas la oportunidad de probar las consultas de medios aquí con la información del dispositivo publicada por @luke, podemos obtener un resultado final muy limpio :) –
Bueno, ese sitio web http://screensiz.es/ estaba actualizado, pero parece haberse estancado en el tiempo. No hay nuevos teléfonos allí. –
Escribo juegos para dispositivos móviles. En mi código, coloco todo porcentual, ya que siempre será el mismo, además también uso una var para ajustar la cantidad de píxeles que tienen y luego ajusto mi resolución. Puede hacer casi lo mismo con css y algunos diferentes el tamaño de la imagen está en tus recursos.
Compruebe [esta pregunta] (http://stackoverflow.com/questions/10031266/mobile-and-desktop-screen-size-statistics) – Jens