5

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

这甚至可能吗？

4

3 回答 3

5

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

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

    .myImageClass {display:none;}

}
于 2012-12-27T17:48:35.033 回答
3

是的，这很容易做到。我建议您使用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; } 
}
于 2012-12-27T17:48:30.867 回答
1

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

于 2012-12-27T17:48:16.533 回答