Si lo que tenemos es un dispositivo móvil con una anchura de 800px, entonces el código a aplicar sería este
@media screen and (device-width: 800px) { /*Reglas CSS*/ }
Y en el caso de dispositivos con una altura de 600px, entonces utilizamos el siguiente código.
@media screen and (device-height: 600px) { /*Reglas CSS*/ }
También podemos detectar la orientación del dispositivo, con el valor orientation:
El valor de “orientation” es ‘portrait’ (retrato) cuando el valor de la altura del medio de salida es mayor o igual al valor de la anchura de ese medio. De lo contrario el valor es ‘landscape’ (paisaje).
@media all and (orientation:portrait) { /*Reglas CSS*/ }
@media all and (orientation:landscape) { /*Reglas CSS*/ }