CSS media queries para Laptops

CSS media queries se entiende como un módulo de CSS que permite adaptar la representación gráfica del contenido web a las características del dispositivo, en este caso la resolución. En el siguiente código podemos conocer el CSS genérico para Laptops.

Para hacer uso del siguiente código solo debes colocarlo dentro de tu hoja de estilos.

Si liste los post anteriores referentes a CSS media queries, podrás notar que para este caso hacemos uso de la propiedad “device” directamente y de aquí en adelante podrás agregar las resoluciones de pantalla en las que necesites aplicar cambios.

/* ----------- Laptops ----------- */
/* cambios css para modo vertical y horizontal */
@media only screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px)
{
  /* inserta aquí tu código */
}

Si deseas más información sobre como desarrollar en

CSS en español

, visita Mozilla Developer Network haciendo clic aquí.

Si necesitas consultoría sobre

CSS

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css