휴대 전화에서 사진을 숨기기

Question

휴대 전화에서 사진을 숨기고 싶습니다. 내가 무슨 짓을했는지

은 다음과 같습니다

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

그리고 난이 사업부에이 클래스를 퍼트 :

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

하지만 난 이런 짓을 할 때 웹 페이지는 단지 빈졌다.

Answer 1

사용 @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>

Answer 2

클래스 태그가 사업부에 비어를 숨 깁니다. 이 시도 : 이미지를 숨길 수 :

<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 3

당신은 "(600PX 최대 폭) @media 화면과"를 사용합니다. 이것은 효과가있다.