Codex

Media Query -Utilização

Media Query Uso
min-width: … px Usado quando a largura do viewport é maior ou igual a largura especificada
max-width: … px Usado quando a largura do viewport é menor ou igual a largura especificada
min-device-width: … px Usado quando a largura do dispositivo é maior ou igual a largura especificada
max-device-width: … px Usado quando a largura do dispositivo é menor ou igual a largura especificada
orientation : portrait // orientation: landscape Usado na mudança de orientação do dispositivo
-webkit-min-device-pixel-ratio : 1.5 Usado em dispositivos de alta densidade com android ou ios