Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使图像以较小的页面大小消失?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何使图像以较小的页面大小消失?

Javascript 如何使图像以较小的页面大小消失?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在为一个网站设计工作,当你减小页面大小时,我希望页脚中的特定图像消失 这可能吗?这可以通过CSS媒体查询或使用Javascript来完成。SmashingMagazine有一篇很好的文章可以帮助您入门:是的,很容易做到。我建议你用它来完成这项工作 /* Normal CSS rules (always applies) */ #footer { display: none; } /* Media query rules to override previous rules, as nece

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


这可能吗?

这可以通过CSS媒体查询或使用Javascript来完成。SmashingMagazine有一篇很好的文章可以帮助您入门:

是的,很容易做到。我建议你用它来完成这项工作

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

这不仅是可能的,而且对于媒体查询来说相当简单:

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

    .myImageClass {display:none;}

}

查找CSS媒体查询可能有帮助