Come far sparire l'immagine con una dimensione di pagina più piccola?

Question

Sto lavorando a un progetto per un sito Web e quando si riduce la dimensione della pagina, voglio che un'immagine specifica nel footer scompaia.

È possibile?

Answer 1

Sì, è facilmente fattibile. Ti suggerisco di usare CSS media queries per completare il lavoro.

/* Normal CSS rules (always applies) */ 
#footer { display: none; } 

/* Media query rules to override previous rules, as necessary */ 
@media screen and (min-width: 800px) { 
    #footer { display: block; } 
} 

Answer 2

Questo può essere fatto con CSS Media Queries o usando Javascript. SmashingMagazine ha un buon articolo che può aiutarti ad iniziare: http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/

Answer 3

È non solo possibile, ma abbastanza semplice con le media query: query

@media screen and (max-width: 600px) { 

    .myImageClass {display:none;} 

}