Html 我可以在手机上隐藏图像而不是div或class吗？

我的响应菜单中有一个在线图像，当它进入移动模式时，我希望它消失。我不能隐藏它所在的类或div，因为它也会使菜单消失

<div id="h-nav">
<ul id="css3menu0 class="topmenu">
<li class="topmenu"><img src="images/menulead.jpg" name="menulead" id="menulead" /></a></li>
</ul>
</div>

还有

#menulead img{display:none；}}

，以及没有“img”的两种方式，但似乎都不起作用。是否可以根据图像id隐藏图像

如果有助于理解我的意思，那么网站就是。

试试看

@media screen and (max-width:670px) {
.topmenu img {display:none;}
 }

或

注意：不要将

.topmenu

类同时分配给

ul

和

li

p.p.S:您在

id=“css3menu0

尝试后缺少结束双引号

@media screen and (max-width:670px) {
.topmenu img {display:none;}
 }

或

注意：不要将

.topmenu

类同时分配给

ul

和

li

---

p.p.S:您在

id=“css3menu0

之后缺少一个结束双引号。更简单的是，您可以将类作为class=“hidden xs”添加到图像中，这样它将在xtra小型设备上隐藏图像。

更简单的是，您可以将类作为class=“hidden xs”添加到图像中，这样它就可以在xtra小型设备上隐藏图像

@media screen and (max-width:670px) {
  #menulead {display:none;}
 }