Created
May 30, 2012 20:10
-
-
Save eamexicano/2838631 to your computer and use it in GitHub Desktop.
Hoja de estilos que responde al tamaño de pantalla (anchura)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
Responsive CSS | |
1. Utilizar la hoja de estilos del sitio / aplicación normalmente. | |
2. Mandar llamar esta hoja de estilos después de que se cargue la hoja de estilos del sitio. | |
<link rel="stylesheet" href="responsive.css" type="text/css"> | |
3. Agregar dentro de cada tamaño de anchura las reglas en CSS que van a modificar valores establecidos en la hoja de estilos inicial. | |
por ejemplo: | |
@media (min-width:1200px){ | |
body {width: 1000px; } | |
} | |
min-width: Anchura mínima. | |
max-width: Anchura máxima. | |
*/ | |
@media (min-width:1200px){ | |
} | |
@media (min-width:940px){ | |
} | |
@media (max-width:940px){ | |
} | |
@media (max-width:768px){ | |
} | |
@media (max-width:480px){ | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment