미디어 쿼리 스타일 시트 옆에 별도의 스타일 시트를 첨부하는 방법

Question

모든 브라우저에서 작동하는 Dreamweaver 웹 사이트에 미디어 쿼리 스타일 시트를 첨부했습니다. IE에서만 스타일이 표시되지 않습니다. IE 사이트가 반응 형일 필요는 없지만 단순한 스타일 만 보여줄 필요가 있습니다.

<!--[if IE]> 
    <link rel="stylesheet" type="text/css" href="styles-ie.css" /> 
<![endif]--> 

을 그리고 스타일 시트라는 스타일 - ie.css을 만들었지 만, 여전히 스타일은 IE에 표시되지 : 나는 머리 태그에 코드의이 비트를 넣어 시도했습니다. IE에이 스타일 시트를 사용하는 간단한 방법이 있습니까?

어떤 도움이 많이 감사합니다,

리사

Answer 1

귀하의 구문은 나에게 올바른 보인다. 이걸 어떻게 시험해? IE 10 이상을 사용하고 있습니까? 그렇다면 IE 10 이상에서는 조건부 주석을 전혀 지원하지 않으므로이 스타일 시트는 절대로 사용되지 않습니다.

IE10 대신 JQuery 또는 Modernizr을 사용할 수 있습니다. 예를 들어,

var doc = document.documentElement; 
doc.setAttribute('data-useragent', navigator.userAgent); 

을 할 수 있으며, 일반 스프레드 시트에서 해당 here에 IE 10 자세한 내용은 만 활성화

html[data-useragent*='MSIE 10.0'] h1 { 
    color: blue; 
} 

를 추가 할 수 있습니다.