css - susy、メディアクエリ、lt IE9

Question

IE8以下のSUSYでマジックグリッドを正しく応答させるために使用するシム（ある場合）は何ですか？

Susy 以外のサイトでは、私は常にmoderizrまたは Google の shim を使用してきましたが、期待どおりに機能しました。初めての SUSY サイトに取り組んでいますが、最大サイズのメディアクエリが開始されません。

score 3 · Accepted Answer

あなたが探している「シム」の種類がはっきりしません。MQ を IE8 で機能させる良い方法はわかりませんが、Susy にはフォールバッククラスでスタイルを出力するオプションがあります。これらのスタイルは動的に応答しませんが、IE にデスクトップサイトを送信するために使用できます。

.page {
  width: 20em;
  @include at-breakpoint(30em 12 no-mediaqueries) {
    width: 70em;
  }
}

出力します:

.page { width: 20em; }
@media (min-width: 30em) { .page { width: 70em; } }
.no-mediaqueries .page { width: 70em; }

「no-mediaqueries」を任意のフォールバッククラスに置き換えることができます。Modernizr または IE の条件付きコメントを使用して、クラスが適用されていることを確認してください。

1 に答える 1