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

Question

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

这甚至可能吗？

Answer 1

媒体查询不仅可行，而且相当简单：

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

    .myImageClass {display:none;}

}

Answer 2

是的，这很容易实现。我建议您使用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 3

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