0

はるかに大きな画面（27インチ）で表示したときにデザインしたWebページには、埋められない空白がたくさんあります。この問題をどのように処理しますか？私はメディアクエリを使用して、すでに最も一般的な解像度に対応しています。はるかに大きな画面用にどのように設計すればよいですか？より将来を見据えたソリューションとこの問題を処理するために、流動的なレイアウトも必要ですか？

4

3 に答える 3

1

最小幅のメディアクエリを使用して、より大きな画面をターゲットにすることができます。

/* Target 1200px wide and above */
@media (min-width: 1200px) {
    body {
        color: red;
    }
}

画面の幅が1200ピクセルを超えると、本文のフォントの色が変わります。1199ピクセル以下の画面には適用されません。

于 2013-02-08T04:25:50.020 に答える
1

レイアウトを柔軟にするか、@media クエリで設定された大きなディスプレイ用に新しいレスポンシブ レイアウトを構築できます

于 2013-02-08T00:03:31.943 に答える
0

背景テクスチャをラップ div に追加してスペースを埋めるか、必要に応じて 3000px + 幅の背景を追加し、単に中央に配置して、画面が大きくなっても外側に続くようにしますが、それでも問題ありません解像度が小さい場合。

通常、@media クエリなどで機能するレスポンシブ レイアウトを使用することもできます。

以下にいくつかの例を示します。

于 2013-02-08T02:15:59.977 に答える