如何让图像以较小的页面尺寸消失？

Question

我正在为网站设计，当您减小页面的大小时，我希望页脚中的特定图像消失。

这甚至可能吗？

Answer 1

是的，它很容易实现。我建议你使用CSS media queries来完成工作。

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

这可以通过CSS Media Queries或使用Javascript完成。 SmashingMagazine有一篇很好的文章，可以帮助你开始：http://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/

Answer 3

这不仅是可能的，但有媒体查询相当简单：

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

    .myImageClass {display:none;} 

}