CSS media queries para todos los dispositivos

24/11/2016
|Por Yoné Rocha
1
2
3
4
5
@media (max-width:480px)  { /* smartphones*/}
@media (max-width:640px)  { /* portrait tablets, landscape 800x480 or 854x480 phones */}
@media (max-width:960px)  { /* landscape tablet, notebooks, desktops */ }
@media (max-width:1024px) { /* big landscape tablets, laptops,  desktops */ }
@media (max-width:1280px) { /* hi-res laptop, desktops */ }

CSS