2012-04-14 2 views
1

HTML5로 반응 형 디자인을 만들고 있습니다. 가 처음에는 내가 모더 나이저와 HTML5 상용구의 CSS 리셋을 사용하지만, 물론 HTML5 요소 '클래스와 ID를 IE가 인식되지 않은 < 내가 가장 그러므로 필요한 것은 9Modernizr + html5shiv VS ie9.js

는 HTML5 요소를 완벽하게 지원이며, 바람직하게는 CSS 해킹을 사용하지 않고 "최대 너비"가있는 이미지의 좋은 디스플레이 폴백입니다.

어떤 옵션을 따라야합니까?

  1. 가 포함 조건부 주석과 html5shiv 및 ie9.js을 포함는
  2. 이 ie9.js
에 대해

감사를 많이 잊어 버려 모든 브라우저 ie9.js!

+0

가능한 복제본 [HTML5shiv 대 Dean Edwards IE7-js 대 Modernizr - 선택할 수 있습니까?] (http://stackoverflow.com/questions/3855294/html5shiv-vs-dean-edwards-ie7-js-vs-modernizr -which to choose) – Spudley

답변

4

html5shiv 및 ie9.js는 완전히 다른 일을한다. html5shiv는 Internet Explorer의 구버전에서 브라우저가 선행하는 HTML5에 의해 도입 된 것과 같은 임의의 요소가 CSS에 의해 스타일이 적용되지 않는 버그를 해결합니다. ie9.js는 이전 버전의 IE에서 특정 렌더링 버그를 수정하고 새로운 CSS3 기능을 지원합니다. 포함 할 하나의 문제는 아래 당신이 무슨 뜻인지에 온다 :

당신이 이러한 요소를 사용할 필요가 및 IE의 이전 버전을 지원합니까 HTML5 요소

완벽하게 지원? 그렇다면 html5shiv가 필요합니다. CSS3 속성과 선택기를 사용해야합니까? 그렇다면 ie9.js가 필요할 것입니다. 그러나에 대한 지원을 추가하기위한 ie9.js 만 포함하는 것은 좋은 생각이 아닙니다.


그리고 한 가지 더 :

가 포함에만 모든 브라우저

에 대한 ie9.js

옵션 않을 것 - 단지 악영향 다른 브라우저에 페이지의 성능에 영향을 미칩니다이 일을 .

+0

그와 관련이없는 무언가 때문에 당신을 괴롭히지 않아서 죄송 합니다만, 이것 좀보실 수 있습니까? http://meta.pt.stackoverflow.com/q/5175/132 –

+0

@victor 죄송합니다, 포르투갈어를 할 수 없습니다. http://stackapps.com/questions/2049/elections-statistics-page-for-stack-exchange-sites에서 답변을 게시 할 수 있습니다. 조사해 보겠습니다. –

0

Modernizr에는 < IE에 새 태그를 추가하는 코드가 포함되어 있습니다. 9. 다른 자바 스크립트 링크/코드보다 먼저 머리 부분에 링크를 추가하십시오.

그냥 HTML5BoilerPlate에서 제공하는 index.html을 및 기타 파일 파일에서 시작하고 당신의 코드를 추가합니다.