Principales resoluciones de pantalla para media queries

A la hora de crear un diseño web responsive es importante conocer las resoluciones de pantallas más comunes.

En la página http://screensiz.es/ podemos encontrar estas resoluciones, de la cual hice un resumen incluyendo tanto celulares, tablets y monitores, este es mi resumen.

320
480
512
540
600
640
720
750
768
800
850
1024
1080
1152
1200
1280
1360
1366
1400
1440
1536
1600
1680
1920
2048

De este resumen podemos ir quitando algunas resoluciones que no tienen mucha diferencia de otras, por ejemplo 1360 y 1366.

320
480
540
600
720
800
900
1024
1200
1360
1440
1600
1920

Y así podemos ir quitando más resoluciones, adaptándolas a nuestras necesidades y tratar de no recargar mucho nuestro archivo CSS de Media Queries.

Y taran tendremos un archivo CSS de Media Queries no muy recargado.

Comentarios

Entradas más populares de este blog

Acceder a wamp/xampp desde otro pc

En ocasiones queremos que nuestros proyectos web que están en un servidor web local ( http://localhost/ ), sean accedidos desde otras computadoras de la red a través de la IP del servidor web local. Pero esto no es posible debido a que algunas soluciones que integran apacahe - php - mysql - otros en un solo paquete (Wampserver, xampp) solo habilitan el acceso de manera local. La solución está en editar (cambiar directivas) el archivo de configuración del apache, en este caso trabajare con Wamp. Cambiando directivas en Directory Abrir el archivo de configuración de apache, en mi caso: C:\wamp\bin\apache\apache2.4.9\conf\httpd.conf Y buscar: <Directory /> AllowOverride none Require all denied </Directory> Y modificar a esto: <Directory /> AllowOverride none #Require all denied Order allow,deny Allow from all </Directory> Cambiando directivas en el documentRoot En el mismo archivo buscar: <Directory "c:/wamp/...

Instalar varias versiones de Mozilla Firefox en Windows

A veces tenemos la necesidad de probar nuestras aplicaciones web en diferentes navegadores y en sus diferentes versiones, en el caso de Firefox no se puede tener varias versiones instaladas al mismo tiempo, por más que se hagas instalaciones personalizadas eligiendo otra carpeta de destino. Una posible solución es instalar las versiones portables, funciona pero no he quedado conforme, la otra solución es la que detallo continuación. Crearemos un perfil de ejecución para cada versión de Firefox, y haremos instalaciones personalizadas para cada versión. Creando un nuevo perfil Presionamos tecla Windows + R (ventana ejecutar) y escribir: firefox –profilemanager Se abrirá la siguiente ventana, en tu caso solo aparecerá “default” a mi aparece varios porque tengo todas esas ya instaladas. Creamos un nuevo perfil (crear perfil) Poner el nombre de perfil, yo le pongo ff3 porque será firefox 3.0. Ahora ya tengo el perfil ff3 agregado, luego salir ...

Modelo de datos para una encuesta

Modelo de datos para encuesta, la aplicación lo hice con codeigniter, espero subirlo pronto.

Edison Ataucusi Romero

Buscar este blog