css - css メディア クエリを使用して、メイン コンテナが 1680px を超えないようにする

Question

誰でも私が抱えているこの問題を解決できますか?

流体応答 Web サイトを設計していますが、メイン コンテナーの幅を 1680 ピクセル (ほとんどの Mac 画面) より大きく制限する必要があります。このサイズを超えると、サイトが伸びすぎてしまうからです。

メインコンテナを次のように設定してみました：

.container-fluid {
  padding-left: 1.0%!important;
  padding-right: 1.0%!important;
  *zoom: 1;
  max-width: 1680px;
}

これに関する問題は、サイトのメイン コンテンツ領域がページの中央にとどまらないことです。

Answer 1

margin: auto;.container-fluid 要素に追加してみてください。これにより、大型ディスプレイが中心になります。