Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Hoja de estilos que responde al tamaño de pantalla (anchura)
/*
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