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

Question

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

这甚至可能吗？

Answer 1

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

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

    .myImageClass {display:none;}

}

Answer 2

是的，这很容易做到。我建议您使用CSS 媒体查询来完成工作。

/* 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 媒体查询或使用 Javascript 来完成。SmashingMagazine 有一篇很好的文章可以帮助您入门：http ://www.smashingmagazine.com/responsive-web-design-guidelines-tutorials/