如何通过媒体查询与命名元素进行交互?以下不起作用。
<style type="text/css">
@media (max-width : 320px) {
#footer {display:none;}
#myimage {display:none;}
}
页面中的
<div id="footer">...</div>
<img id="myimage" src="..."/>
答案 0 :(得分:0)
因此,您提供的代码在放入小提琴时可以正常工作。当页面小于320px时,页脚和myImage元素消失。
我设置了一个更清晰的内容版本,通过媒体查询进行了更改。
/* The magic happens here. */
@media only screen and (max-width: 480px) {
#block1 { display:block; }
#block2 { display:none; }
}