px
) y existen algunos valores que nos pueden ayudar a determinar el tipo de dispositivo:768px
corresponde a teléfonos inteligentes.768px
y 992px
corresponde a tabletas.992px
y 1200px
corresponde a computadores de escritorio.1200px
corresponde a pantallas grandes.@media
seguido de una expresión que define para qué dispositivos van a aplicar los estilos que estén dentro de ese media query.992px
:992px
y rojo en anchos iguales o mayores podemos hacer lo siguiente:992px
va a aplicar la regla que está por fuera del media query. Es como si el media query no existiera.992px
o más, la regla que está en el media query va a sobrescribir la que está definida por fuera del media query.14px
, en tabletas de 15px
, en computadores de escritorio 16px
y en pantallas más grandes de 17px
: