2012-04-14 80 views
1

我正在用HTML5構建一個響應式設計。 起初我使用Modernizr和HTML5 Boilerplate的CSS重置,但當然html5元素的類和id沒有被IE識別< 9.Modernizr + html5shiv VS ie9.js

因此我最需要的是完全支持html5元素,最好是對於「最大寬度」的圖像來說,這是一個很好的顯示回退功能,而不使用CSS黑客。

我應該關注哪些選項?

  1. 包括html5shiv和ie9.js與條件註釋
  2. 僅包括ie9.js對於所有瀏覽器
  3. 忘掉ie9.js

非常感謝!

+0

[HTML5shiv vs Dean Edwards IE7-js vs Modernizr - 選擇哪個可能的重複?](http://stackoverflow.com/questions/3855294/html5shiv-vs-dean-edwards-ie7-js-vs-modernizr - 這是選擇) – Spudley 2013-04-23 10:43:08

回答

4

html5shiv和ie9.js做完全不同的事情。 html5shiv解決了舊版Internet Explorer中的一個錯誤,其中任意元素(例如HTML5引入的那些瀏覽器早期版本)不能通過CSS進行樣式化。 ie9.js嘗試修復舊版IE中的某些渲染錯誤,並添加對較新CSS3功能的支持。的其中之一,包括這個問題歸結到你的意思是什麼:

對HTML5元素

你需要使用這些內容,並支持老版本的IE瀏覽器的全面支持?然後你需要html5shiv。你需要使用CSS3屬性和選擇器嗎?那麼你會想要ie9.js.包括ie9.js僅僅爲max-width添加支持並不是一個好主意。


還有一件事:

僅包括ie9.js對於所有瀏覽器

不應該是一種選擇 - 這樣做將您的網頁上的其他瀏覽器的性能只產生不利影響。

+0

對不起,打擾你的東西如此無關,但你可以看看這個? http://meta.pt.stackoverflow.com/q/5175/132 – 2016-07-20 20:33:34

+0

@victor對不起,我不會說葡萄牙語。您可以在http://stackapps.com/questions/2049/elections-statistics-page-for-stack-exchange-sites上發佈答案,我們會研究它 – 2016-07-20 22:59:17

0

Modernizr包含shiv代碼以將新標籤添加到IE < 9.確保在其他JavaScript鏈接/代碼之前將鏈接添加到頭部。

從HTML5BoilerPlate提供的index.html和其他文件的文件剛開始並添加您的代碼。