2016-08-05 3 views
-1

되지 않는 브라우저를 감지합니다. 질문은 입니다. IE10 +을 제외한 다른 브라우저의 코드는 어떻게 작성합니까? @media가 아닌 것 같습니다. {여기 내 코드}나는 다음과 같은 미디어 쿼리와 함께 10 + IE를 감지 할 수 있다는 사실을 알고 IE 10 +

추신 : 나는 이것이 더러운 속임수라는 것을 알고 있지만, 나는 완전히 잃어버린 것입니다.

+0

당신은 @media 토큰 (and 앞에) * 뒤에 * 올바른 위치에 넣었을지라도, 그런 키워드가 아닌 것에 대해서만 tack 할 수 있습니다. 미디어 쿼리의 not 키워드가 예상대로 작동하지 않습니다. "다른 브라우저"에 IE9 이상이 포함되어 있는지 여부에 따라 완전히 다른 경로를 선택해야 할 수 있습니다. – BoltClock

+0

정확하게 다른 규칙이 무엇인가에 따라 다르 겠지만, 구체적으로 동일하면 규칙이 문서 순서로 적용됩니다. 즉, 두 번째 규칙이 우선합니다. "다른"규칙을 먼저 쓰고 IE10 규칙 개요대로 –

+0

@ UlrichSchwarz, 예, 그렇습니다.하지만 어쨌든 IE에서 작동하지 않는 변형 된 매우 복잡한 애니메이션이 있습니다. 따라서 모든 스타일을 흰색으로 지정하면됩니다. – sdvnksv

답변

0

가장 간단한 방법은 미디어 쿼리 이전에 IE10이 아닌 모든 브라우저에 공통된 스타일과 스타일을 선언 한 다음 미디어 쿼리에서 필요에 따라 재정의하여 IE10 +에 필요한 모든 변경 사항을 적용하는 것입니다.

특정 브라우저를 대상으로해야하는 경우이 당신에게 각각 아무것도 웹킷과 파이어 폭스 얻을 것이다 : 각 클래스/ID/어떤

반복

_:-moz-tree-row(hover), .classname { 
    Styles Go Here 
} 

:

@supports (-webkit-appearance:none) { 
    Styles Go Here for Safari and Chrome 
} 

파이어 폭스가 조금 지저분입니다

관련 문제