mostrar y ocultar div segun ancho de navegador o dispositivo

[mensajeescrito]

Hola amigos, veran tengo una duda que no logro dar con la solucion:

¿alguien sabe como hacer que un div aparezca o desaparezca segun yo coja el navegador y lo vaya estrechando o ensanchando con el cursor del raton?



y otra pregunta que aunque parecida no es la misma:

¿alguien sabe como ocultar o mostrar una capa segun dispositivo donde se vea ya sea tablets , movil o ordenador fijo?


gracias de antemano.

[pzin]

Usa media-queries.

Para ocultar por ejemplo un elemento en un dispositivo móvil —pantalla pequeña— te podría servir algo como:

Código CSS:

@media screen and (max-width: 320px) {
  div#algo {
    display: block;
  }
}
 

Te sirve para ambas dudas. Aunque la primera, no entiendo el uso práctico. No es importante, pero igual si lo explicas tal vez se llegue a la conclusión de que igual es mejor usar JavaScript para el caso.

Por cierto, ¿te sirvió al final esto?

[mensajeescrito]

primero gracias por ayudarme con esta duda.


Respecto de la segunda si me sirvio pero tuve que hacer muchas pruebas al final fue una mezcla de lo que tu me mostrarte mas cosas de mi cosecha.

El diseño era y es muy puñetero. Es decir tiene mucho diseño y debe respetar ciertas proporciones que no deben variar algunas de ellas ( otras si), segun tamaño de pantalla de dispositivo.

pero si si me sirvio grasiah

ere un mostro

[mensajeescrito]

por cierto esto hace algo muy raro, me desaparece la capa ,si. pero luego sigo reduciendo el navegador y me aparece otra vez ?¿

[Burlon23]

Muchiimas gracias esto me sirvio para arreglar todo mi sitio, lo adapte a dispositivos moviles con solo este dato que nos diste, gracias gracias gracias!!!!!
PD: aclaro para los que lean este post, no solo sirve para ocultar sino para modificar cada div o cualquier contenido segun la dimension, otro ejemplo además del que puso pzin:

Código CSS:

@media screen and (max-width: 760px) {
div.fondo_fijo_columna {
  height: 560px;
}
}