0

私が取り組んでいる Drupal サイトには、単純な一連のメディア クエリがあります。メディア クエリはトリガーされますが、それぞれのトリガー ピクセルは遅くなります (「max-width: 1075px」は 977px で適用され、「max-width: 797px」は 724px で適用され、両方の例で約 90.8% になります)。

注: 次のコード サンプルは SASS で記述されています。

@media screen and (max-width: 1075px)
@media screen and (max-width: 797px)

これは、OS X 10.7.4 (Lion) で実行されている Chrome 21.0.x、Firefox 14.0.1、および Safari 6.0 で発生しています。何か案は？

4

2 に答える 2

0

Internet Explorer 11 以前でこの問題が発生しました。最初の投稿で影響を受けたブラウザの 1 つではなかったことは知っていますが、「メディア クエリのトリガーが遅くなる」というこの問題に関する唯一の質問のようです。同じ問題を抱えている他の人のために私の解決策を共有したかった.

次の行を使用して、css 内でビューポートを正規化する必要があるようです。

@-ms-viewport { width: device-width; }

ここで解決策を見つけることができました：

http://blog.adrianroselli.com/2013/05/ie10-metro-and-media-queries.html

于 2015-02-25T18:59:14.190 に答える
0

試す：

@media only screen and (max-width:1075px)
{
}

適切なメタ タグが設定されていることを確認します。

<meta name="viewport" content="width=device-width">
于 2012-08-23T12:45:47.907 に答える