Ir al contenido principal

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.

Etiquetas:

Comentarios

Publicar un comentario

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/...
10 comentarios
Leer más

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 ...
1 comentario
Leer más

Módulo mod_rewrite de Apache (urls amigables)

Este módulo de apache nos permite la reescritura de URLs, proporciona una manera flexible y potente para manipular las URL utilizando un número ilimitado de reglas. Cada regla puede tener un número ilimitado de condiciones de la regla adjunta, para que pueda volver a escribir la URL en base a variables de servidor, variables de entorno, las cabeceras HTTP, o marcas de tiempo. Estas reglas se pueden invocar en el archivo httpd.conf o en los .htaccess de cada carpeta. Instalando y habilitando mod_rewrite  En el archivo de configuración de apache httpd.conf en mi caso C:\wamp\bin\apache\apache2.4.9\conf\httpd.conf buscar la línea que dice: #LoadModule rewrite_module modules/mod_rewrite.so Y quitar el # para que esa línea ya no sea tomada como comentario y así ya cargara el modulo. Por ultimo nos queda hacer que apache busque los archivos .htaccess en cada directorio de tu servidor, para esto buscamos en el archivo httpd.conf lo siguiente: <Directory "c:/wamp/w...
1 comentario
Leer más