3

私は自分のテニスクラブのウェブサイトを構築しています：http：//users.aber.ac.uk/dwd/aut/

ズームインして右に押す理由を誰かに教えてもらえますか？[ソースの表示]をクリックして、コメントスレッドに投稿するHTML / CSS/Javascriptが非常に多いことを確認します。

一度ズームアウトすると、サイトは次のようになります。

アイデアはありますか？ダン

4

4 に答える 4

3

コンテンツを平均以上の幅に設定し、ページの左側からある程度の距離を絶対に配置しました。

于 2012-07-07T22:20:46.353 に答える
1

適切に中央揃えになっていないため、偏っているように見えます（Ctrl +-ショートカットを使用すると、より明確になります）

あなたがそれposition: absolute;から削除する#wrapperと、私にとって正しく中央に表示されます（Chromeで）

于 2012-07-07T22:22:32.693 に答える
0

本文のCSSからfont-sizeを削除してから、＃wrapperdivからとを削除position: absoluteしleft: 12emます。

于 2012-07-07T22:24:53.923 に答える
0

他の人は、なぜこれが起こっているのかを指摘しています。ただし、さらにいくつかのポイントがあります。

  • コンテナを真に中央に配置するautoには、マージンのX/Y軸の値を使用します。あなたは現在これを行っていますが、絶対位置も指定しているという事実によって損なわれているので、後者を削除してください

  • ちなみに、現在の中央揃えの試みは画面上で機能する可能性がありますが、別の解像度では機能しません。これは、基本的に、ページを任意のピクセル数だけ右にぶつけるだけだからです。

  • 目標解像度はすべてのサイト設計者が自分で決定する必要がありますが、標準では、ページを1024 * 768で機能させることです。現在、ページコンテナの幅は1024ピクセルで、両側にさらに32ピクセルのパディングが追加されています。幅を狭くするか、CSSプロパティを利用しますbox-sizing。これは、指定されたパディングが要素の幅に追加されるのではなく、要素の幅に食い込むことを意味します。

于 2012-07-07T22:34:01.653 に答える