我正在学习CSS（但我知道一些东西）。 我正在开发一个我想用css创建的演示网页，以获得我想要的布局。 概念： 我有一个容器DIV，里面还有一个top-div，left-div和content-div。 首先，在媒体查询的帮助下，我为3种不同的设备制作了布局：
@media all and (min-width: 960px)
@media all and (min-width: 600px)
@media all and (min-width: 340px) and (max-width 599px)
所以在最低@media我将顶部栏位置固定为始终位于顶部，否则它不固定其相对位置且它有一些margin
问题是我在移动网站上看到了一个图标菜单栏图标，我在top-div和css中创建了一个图像标记，我有display: none;，{{1} }，width: 6%;如果能够奏效，那就太棒了。但是当我在第3 height: 10%;内输入@media时，它无法正常工作！
我首先尝试使用默认的div#container div#top-div img#menu_bar_icon{ display: block; }（刚从img 中删除了display）并在display: none我输入了@media它工作....
我不知道为什么会这样，请帮助我 谢谢！