div 앞에있는 광고 태그를 제거하십시오.

Question

특정 미디어 쿼리에서 특정 광고 호출이 사용되지 않는 반응 형 디자인을 구성하려고합니다.

제안 된 한 가지 방법은 div에 광고 호출을 넣은 다음 window.matchMedia가 지정된 크기 인 경우 jquery를 사용하여 div (광고 호출)의 내용을 제거하는 것입니다.

따라서 this fiddle을 개념 증명으로 사용했지만 광고에서 알 수 있듯이 어쨌든 호출되었습니다. 여기에서는 미디어 쿼리를 전혀 언급하지 않았으며 광고 호출을 막으려 고했습니다.

누구나 내가 이것을 어떻게 달성했는지 알 수 있습니다. 또는이 아이디어에 결함이있어 더 나은 mthod가 있습니다.

Answer 1

왜하지 말자 광고가 정상 설정 한 다음 디스플레이로 불을 호출 : 없음 특정 미디어 쿼리에 대한 컨테이너 div에 :

@media only screen and (min-width:0px) and (max-width:319px) { 

.the-ad-i-want-to-hide {display:none;} 

}