2

メディア クエリに問題があります。Firefox のレスポンシブ ビュー ツールを使用して、サイトを 480 ピクセルで表示しています。しかし、480px ではなく 430px で起動しているようです。理由がわかりません。

/*
 *  Gird layout for devices above 480px.
 */
@media screen and (min-width: 480px) {
html {
    background: red;
}
}

他にコードやメディア クエリを持っていないので、これは何らかのバグではないかと考えています。

スクリーンショット:

ここに画像の説明を入力

4

3 に答える 3

2

あなたはこれを信じないでしょう。誰かが同じ問題を抱えている場合に備えて、私はこれを投稿しています.

ある時点で、(Mac では CMD と -) を使用してブラウザーのテキストを小さくしました。正しい幅で壊れていましたが、私のフォントサイズが小さかったので、私を失望させていました. 実際には正しい場所で壊れていましたが、レスポンシブ ビューアーは私のフォント サイズに基づいて幅を表示していませんでした。

于 2013-05-22T20:02:12.053 に答える
1

レスポンシブ ツールを 480 に設定した後で要素の計算された幅を調べると、html465 の値が得られます。要素に設定overflow: hidden;してからhtml再度確認すると、480 が得られます。

スクロールバーをオーバーレイする Chrome とは対照的に、Firefox はビューポート幅を計算する際にスクロールバーの幅を考慮します。

于 2013-05-22T14:24:28.013 に答える
1

ズームを確認してください。ズームインしている場合は、幅がオフになります。ctrl+0 でズームをデフォルトの 100% にリセット

于 2015-05-28T17:49:41.783 に答える