0

を使う@include breakpoint(min-resolution: 1.5dppx)と、

私はこの出力を得ます：

@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi)

このショートカットは問題ありませんが、次のような別のクエリと組み合わせようとすると:

@include breakpoint(min-resolution: 1.5dppx, 2050px)

まったく同じです（最後の部分は削除されています）

次に、いくつかの引用符を追加すると:

@include breakpoint("2050px, min-resolution 1.5dppx")

クロスブラウザ部分を失います：@media (min-width: 2050px, min-resolution 1.5dppx)

それらをうまく組み合わせる方法はありますか？

4

1 に答える 1

0

ブレークポイント ミックスインに直接渡されるクエリを使用する場合or、ブレークポイント ミックスインの 2 番目の引数が であるため、クエリ全体を括弧で囲む必要がありますno-query。次のように書く必要があります。

@include breakpoint((min-resolution 1.5dppx, 2050px)) {}

このSassMeister の例を見て、実際に動作していることを確認してください。

于 2014-02-07T18:54:35.683 に答える