¿Medios CSS para ocultar/mostrar div en dispositivos móviles y de escritorio?

Luego de de nuestra extensa búsqueda de información hemos podido resolver este atolladero que presentan muchos los lectores. Te regalamos la respuesta y nuestro deseo es resultarte de gran apoyo.

Solución:

Acabo de comprobar el enlace en vivo.

Falta la metaetiqueta para los dispositivos receptivos.

Agregue el siguiente código para detectar dispositivos móviles.

EDITAR
Después de ver su sitio, debe agregar:

---

solo puedes usar min-width

Además, no utilice width/height etiquetas html en img usa CSS en su lugar

---

img 
  max-width: 100%


#div-desktop 
  display: none;


@media screen and (min-width: 701px) 
  #div-mobile 
    display: none;
  
  #div-desktop 
    display: block;
  

m






d

Comentarios y puntuaciones

Si sostienes alguna vacilación o capacidad de aclararse nuestro tutorial eres capaz de ejecutar una interpretación y con placer lo estudiaremos.

---

---

Utiliza Nuestro Buscador