我需要隐藏一个缩略图,而不是全部

是的,这是可能的。您需要定义一个类并将其放入媒体查询中。

@media (max-width: 767px){
  .hide-mobile{
    display: none;
  }
}

是的,做这样的事情很容易,我建议你学习一些css课程,因为这是一件很简单的事情,你可以用很多方法来做,下面是一个例子

HTML

<div class="thumbnails">
    <img src="thumbnail1" class="thumb1">
    <img src="thumbnail2" class="thumb2">
    <img src="thumbnail3" class="thumb3">
    <img src="thumbnail4" class="thumb4">
    <img src="thumbnail5" class="thumb5">
</div>

确保要隐藏的元素有自己的类,如上图所示,然后只需将其隐藏在断点处

CSS

@media (max-width: "your width px"){
     .thumb5{
          display: none;
      }
}

这会奏效的。运行代码段,将其扩展为完整大小,然后将浏览器大小更改为小于 400px .

@media (max-width: 400px) {
  .img3 {display:none;}
}

<img class="img1" src="http://placehold.it/140x100" />
<img class="img2" src="http://placehold.it/140x100" />
<img class="img3" src="http://placehold.it/140x100" />
<img class="img4" src="http://placehold.it/140x100" />
<img class="img5" src="http://placehold.it/140x100" />