隐藏手机中的图片

Question

我想隐藏手机中的图片。

我所做的是：

<style>
    @media only screen and (max-width: 500px) {
        .kredit1 {
            width: 100%;
            display: none;
        }
    }    
</style>

我把这个课推到了这个div：

<div class="" style="float: right;">
    <img src="_assets/_img/AAbisnode.png" style="width: 100%;">
</div>

但是当我这样做时，网页变成了空白。

Answer 1

您的div中的类标记为空。试试这个：

<style>
    @media only screen and (max-width: 500px) {
        .kredit1 {
            width: 100%;
            display: none;
        }
    }    
</style>


<div class="kredit1" style="float: right;">
    <img src="_assets/_img/AAbisnode.png" style="width: 100%;">
</div>

Answer 2

您必须使用“@media screen and（max-width：600px）”来隐藏图像。这应该有用。

Answer 3

使用@media screen and (max-width: 600px)隐藏图片

.kredit1 {
  width: 100%;
  display: block;
}

@media screen and (max-width: 600px) {
  .kredit1 {
    display: none;
  }
}

<style>

</style>
and i putted this class in to this div:

<div class="kredit1 " style="float: right;">

  <img src="_assets/_img/AAbisnode.png" style="width: 100%;">


</div>