2

私はいくつかの大きな画像などを表示するサイトに取り組んでいます。私の画面では、1024 x 768 の解像度で、左から右に完全に画面に収まります。

しかし、解像度が高い私のクライアントの画面では、画面の右側が空白と見なされ、レイアウトを左揃えにするのではなく、中央に配置するように求められます。(margin-left を 0 に設定しています。)

左マージンを単純に増やすと、私のような低解像度で水平スクロールバーが表示されます。

すべての解像度で機能するこれを解決する方法はありますか? または、画面の解像度を検出し、解像度が特定の値よりも大きい場合はマージン左を増やす JavaScript を使用する必要がありますか?

4

2 に答える 2

5 
#wrapper { margin: 0 auto; width: 960px; }

これにより、id="wrapper" で要素が水平方向に中央揃えされるため、すべてのコンテンツがその要素内にある場合、ページは中央揃えになります

基本的に margin-left: auto; を適用すると、margin-right: auto; ブロック要素に、水平方向に中央揃えされます

于 2013-01-17T07:04:29.503 に答える
2

中央に配置するすべての要素の周りにコンテナ要素を作成し、それに id を付けてから、 cssセレクターをid="container"追加して中央に配置します。

#container {
  margin: auto
}
于 2013-01-17T07:07:02.200 に答える