Jak sprawić, by obraz zniknął przy mniejszym rozmiarze strony?

Question

Pracuję nad projektem strony internetowej, a gdy zmniejszysz rozmiar strony, chcę, aby zniknął określony obraz w stopce.

Czy to możliwe?

Answer 1

Tak, jest to łatwe do zrealizowania. Proponuję użyć CSS media queries, aby wykonać zadanie.

/* 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

Można to zrobić za pomocą zapytań o media CSS lub za pomocą Javascript. SmashingMagazine ma dobry artykuł, który może pomóc Ci zacząć: http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/

Answer 3

Jest to nie tylko możliwe, ale dość proste z zapytaniami mediów:

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

    .myImageClass {display:none;} 

}