Come faccio a non visualizzare un div, se la finestra del browser ha una certa larghezza? [duplicato] - javascript, html, css, css3, dinamico

Voglio che alcune immagini non vengano visualizzate se la finestra del browser delle persone è troppo piccola. Lo farei in CSS o Javasript, e se sì, come?

risposte:

@media all and (max-width: 500px){ /* max screen size */
#div { display: none; }
}

Non devi usare JavaScript, puoi semplicemente farlo con i CSS @media queries

@media all and (max-width: 699px) { /* Change Width Here */
div.class_name {
display: none;
}
}

Puoi farlo in css utilizzando @media tag

   /*Show images for resolution greated than 1024*/
@media only screen and (min-width: 1024px) {
img{ /*show all images*/
display:block;
}
}
/*hide images for resolution lesser than 1024*/
@media only screen and (max-width: 1024px) {
img{ /*hide all images*/
display:none;
}
}

Nei tag @media puoi scegliere come target dispositivi specifici o simili schermo da solo, influire in stampare , mobile dispositivo ecc tutti

Per fare questo in javascript / jquery fare riferimento al post seguente,

Come rilevare in jQuery se la risoluzione dello schermo cambia?