IE8에서 미디어 쿼리가 작동하지 않습니다.

미디어 쿼리를 배우려고하는데 도움이 필요합니다.IE8에서 미디어 쿼리가 작동하지 않습니다.

내 코드는 IE8에서 작동하지 않습니다

CSS

body { 
    font-size:11em; 
    color:#000; 
    transition:all .5s ease-in-out; 
    -o-transition:all .5s ease-in-out; 
    -moz-transition:all .5s ease-in-out; 
    -webkit-transition:all .5s ease-in-out; 
} 

@media screen and (max-width:500px) { 
body { 
     font-size:5em; 
     color:#ff0000; 
    } 
} 
</style>

HTML 나는 그것이 IE8 또는 작은에서 실행하기 위해 무엇을해야하는지

<body> 
az a s d a sd 
</body>

제안하세요? css3-mediaqueries.js을 </head> 섹션에 추가했는데 (아래에 나와있는 코드를 볼 수 있습니다) 도움이되지 않습니다. 사전에

<!-- css3-mediaqueries.js for IE less than 9 --> 
<!--[if lt IE 9]> 
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
<![endif]-->

감사합니다 :)

출처

2013-06-27 Kamal

로컬로 또는 서버에서 실행 중이십니까? 로컬로 실행중인 경우 IE8 외부 자바 스크립트로드하지 않습니다 용의자. –

이 코드는 로컬 및 서버 모두에서 실행했지만 작동하지 않습니다. – Kamal

JS 코드의 로컬 복사본을 사용해 보았습니까? 콘솔에 오류 메시지가 있습니까? 다른 디버깅 단계는 무엇입니까? 기본적으로 지원하는 다른 브라우저 (IE9, FF 등)에서 미디어 쿼리가 작동합니까? HTML이 표준 모드입니까 (예 : doctype이 있습니까?) 유효성을 검사합니까? 뷰포트 메타 태그 (')와 CSS (@ -ms-viewport {width : device-width; } @ -o-viewport {width : device-width;} @viewport {width : device-width;}')? 지금까지 작업을 보여주는 JSFiddle을 사용할 수 있습니까? –

CSS3 - mediaqueries.js 일을 실 거예요 경우 - Respond을 시도합니다. 그냥 CSS3-mediaqueries.js 사용을위한뿐만 아니라 이러한 내용을 메모로 유지 - 그것에서의 자신의 site ->

참고 : 어쨌든 을 사용해서는 안 import'ed 스타일 (@ 작동하지 않습니다 성능상의 이유로). 또한 미디어의 내용을 <link> 및 <style> 요소로 수신하지 않습니다.

출처

2013-06-27 11:15:43

여전히 작동하지 않습니다. ( – Kamal

미디어 쿼리에 대한 이야기입니다 .- 전환이 아닙니다. –

예 미디어 쿼리에 대해 묻습니다. – Kamal

IE8에서 미디어 쿼리가 작동하지 않습니다.

답변

관련 문제