2013-10-04 6 views
2

IE 10, 9 등은 더 이상 조건문을 지원하지 않는다고 생각합니까? 또한 JQuery가 더 이상 버전 1.9 이상의 브라우저 객체를 지원하지 않는 경우가 있습니까?IE10 이하에 CSS를 적용하십시오.

IE 용 CSS 규칙을 적용하려고합니다. 웹 사이트에서 Google 글꼴을 사용할 때 Chrome에서 렌더링하는 언어는 14px이며 괜찮 으면 표시됩니다. 개발자 도구에 14px이 표시 되더라도 IE에서는 약 15px과 같습니다. IE에서 13px으로 떨어 뜨리면 Chrome과 동일한 크기로 보입니다.

모든 IE 버전에서 작동하는 클래스를 IE10 이하에 추가하는 가장 좋은 방법은 무엇입니까?

+3

나는 그것에 대해 1 픽셀의 차이를 걱정하지 일반적으로 더 나은 것 같아요. – Denis

+0

문제는 1 픽셀 차이로 인해 텍스트가 메뉴 모음에서 오버플로됩니다. –

+0

모든 브라우저의 글꼴 렌더링 설정이 다르므로 1px 차이는 받아 들일 만합니다. 이 글꼴 렌더링 차이를 허용하려면 여백/패딩을 다시 고려하는 것이 좋습니다. 더 자세한 정보는 여기에 있습니다 : http://www.smashingmagazine.com/2012/04/24/a-closer-look-at-font-rendering/ – keaukraine

답변

1

그것은 바보 같은 솔루션의 종류,하지만 그것은 (IE10과 위로 만) 작동 :

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    // do your IE10 magic 
} 
+0

IE9, 8 등은 어때요? IE 11과도 일치합니다. –

+1

예 .. 방금 조건문을 추가했습니다. – snaderss

+1

코드 조각이 IE 11과 일치하기 때문에 "IE10 전용"이 약간 오도 할 것입니다. –

관련 문제