internet-explorer-8 - 表示されない - internet explorer 11 windows10




どのようにIE8でモバイルファーストを使用しますか (2)

IE 7と8の欠点を回避する代わりに、IE 7-8が実際にメディアクエリをサポートできるようにすることができます。

素晴らしいRespond.jsポリフィルを使用して、IE 7と8でメディアクエリーを有効にします.HTMLにこのコードを追加するだけです。

<!--[if lt IE 9]>
  <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
<![endif]-->

IE 7と8でCSS3セレクタを有効にして、 .column:nth-child(#{$i}n) { @include float-span(1, 'last'); } .column:nth-child(#{$i}n) { @include float-span(1, 'last'); }はうまくいくでしょう。

Selectivizr polyfillが必要です。 Selectivizrと連携するためには、Selectivizrは1.0.3b以降バージョンでなければなりません。何らかの理由で2年間は安定していないため、 応答する前ロードする必要があります。 Selectivizrでは、 NWMatcherまたは代替NWMatcherその前にロードする必要があります。 正しい順序はこれです:

<!--[if lt IE 9]>
  <script src="//s3.amazonaws.com/nwapi/nwmatcher/nwmatcher-1.2.5-min.js"></script>
  <script src="//html5base.googlecode.com/svn-history/r38/trunk/js/selectivizr-1.0.3b.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
<![endif]-->

そして、 html5shivが最も基本的なCSS3のものをサポートするようにするには、 html5shiv polyfill(別名html5shim)も必要です。

だから私の究極のIE 7-8ポリ充てんセットは次のようになります:

<!--[if lt IE 9]>
  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
  <script src="//s3.amazonaws.com/nwapi/nwmatcher/nwmatcher-1.2.5-min.js"></script>
  <script src="//html5base.googlecode.com/svn-history/r38/trunk/js/selectivizr-1.0.3b.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.1.0/respond.min.js"></script>
<![endif]-->

注:IE8をフリーズするIE9.jsIE9.jsと組み合わせて使用​​しないでください。

SingularityGSがデフォルトではモバイル優先のアプローチを採用していることを考慮して、メディアクエリに依存するすべてのモバイル版を表示するIE8の問題をどのように解決しますか?

あなたはこれに対する解決策を見つけましたか、それともデスクトップから先に切り替える必要がありますか?

ありがとう。






singularitygs