Polyfills

充填剤githubで全体を比較するリスト
IEはいつも埋めきれない穴があります.ここでまとめてみますと、しばらくは全部分かります.間違いはゆっくりと直します.
まずhttml 5ラベルはいくつかのクラスを充填する必要があります.httml 5.jsで処理してもいいです.またはhttml 5 shivです.
そして、これらの要素をcssでブロックに設定する(comppassのresetは含む):

<!--[if lt IE 9]>

    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

<style type="text/css">

    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 

    display: block;

}

</style>

media queryのサポートにはいくつかのpolyfillがあります.一つはcs 3-mediaqueries.jsです.

<!--[if lt IE 9]>

    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>

<![endif]-->

あるいはIEのhackタグを使わずに、modenizerにブラウザがmedia queryに対応しているかどうかをテストさせます.サポートしていないなら、repond.jsを使います.

<script>Modernizr.mq('(min-width:0)') || document.write("<script

src='js/respond.min.js'>\x3C/script>")</script>

同様に、モデルnizrのcanvasに対する判断は以下の通りである.

if (Modernizr.canvas) {

  //      canvas

} else {

  //          canvas   ，        ，     polyfills

}

また、かつてGoogleのブラウザのサイズが最小で12ピクセルのために書いたcssは、Googleに対しては無効です.

html {

        -webkit-text-size-adjust: none;

    }