dispay 아무도 작동하지 않습니다

Question

iphone 이미지를 숨기고 바탕 화면 이미지를 표시하기 위해 미디어 쿼리를 사용했습니다 ..... 하지만 그 아이폰 이미지가 표시되지 않습니다 .... 내게 공명을 말할 수 있습니까

<div class="desktopContactImage" data-caption="&lt;a style='margin-left: 92px; font-size: 18px; color: grey;' href='http://www.w3schools.com/' &gt;Create&lt;/a&gt; &lt;div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;View/Edit&lt;/a&gt; &lt;/div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;Labels&lt;/a&gt;" data-image="http://www.defie.co/designerImages/inventoryControl.png">desktopImage</div> 

         <div class="iphoneContactImage" data-caption="&lt;a style='margin-left: 92px; font-size: 18px; color: grey;' href='http://www.w3schools.com/' &gt;Create&lt;/a&gt; &lt;div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;View/Edit&lt;/a&gt; &lt;/div&gt; &lt;a style='margin-left: 92px; font-size: 18px; color: grey;' &gt;Labels&lt;/a&gt;" data-image="http://intra.defie.co/images/cubes/demoImage.png">iphoneImage</div> 


@media (max-width: 767px) { 

#rightSlider{ 
    border: 1px solid red; 
} 

#rightSlider{ 
      display:none !important; 
      } 
#rightSlider{ 
      display:inherit !important; 
      } 

.desktopContactImage{ 

      display:none !important; 
      } 

.iphoneContactImage{ 
      display:inherit !important; 
      border: 1px solid red; 
      } 



} 

Answer 1

일부 문제

http://jsfiddle.net/QYvrt/27/

은 도움이 될 수있는보고 필요 :

1. 당신은 문서 타입은 이전에 선언하지 않습니다 예 : HTML 태그

2. 같은 미디어 쿼리 태그를 작성하십시오 "@media 화면 및 (최대 폭 : 767px)"

3. 당신은 HTML 태그와 HEAD 태그 사이에 부유하는 스크립트 태그를 많이 가지고 - HEAd 태그 또는 BODY 태그 내에 있어야합니다.

JavaScript가 어느 정도 발생합니다. 그것이 진짜 사용자를 위해 살게하는 것에 관해서라면 나는 그것을 모두 축소하고 압축하는 것이 좋습니다.