style.css
/*CSS para toda la web*/
h3{
color: #AAAAAA;
}
/*CSS de Ancho: 0 – 500*/
@media screen
and (min-width: 0px)
and (max-width: 500px) {
/**/
h3{
color: #BBBBBB;
}
/**/
}
/*CSS de Ancho: 501 – 1000*/
@media screen
and (min-width: 501px)
and (max-width: 1000px) {
/**/
h3{
color: #CCCCCC;
}
/**/
}
/*CSS de Ancho: 1001 a más*/
@media screen
and (min-width: 1001px) {
/**/
h3{
color: #DDDDDD;
}
/**/
}
Más información: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
juliopari
Si te ha interesado este artículo y deseas un apoyo o asesoría en algún requerimiento, envíame un mensaje a: (info@juliopari.com) o sino a través de Linkedin: https://www.linkedin.com/in/juliopari/