-2

私のウェブサイトには、私のウェブサイトの 1 つの div が左に配置されているという問題がありますが、画面サイズに関係なく、ウェブページの中央に表示する必要がありました。ライブリンクは次のとおりです。

 http://m.greatofficiants.com

ページの中央にヘッダー コンテンツを配置する必要があります。

4

5 に答える 5

1

まず、レスポンシブWebサイトの基本は完全に間違っています...

すべてをpxではなく100％で構築する必要があります

だからあなたがパディングと幅を持っているなら

それは次のようになります

padding:2%;
width:96%;

あなたのサイトが十分に良くなる前に、穴のサイトはこのマナーに建てられるべきです-それからあなたはアイテムを中心に置き始めます

編集*

サイト内に幅のあるオブジェクトを含めることができることに注意してください...ただし、Webサイトのメインフレームは厳密にパーセンテージで構成する必要があります...

幅が320pxfxのdivを中央に配置したい場合。これは電話の最小幅です。オブジェクトの幅を指定してから、マージンを追加します。0 auto;

編集**

だからあなたの場合は追加したい

width:100%;

本文とラッパーの両方に対して、すべてのテキストラップは、前に説明したのと同じマナーである必要があります（パディングは異なる場合があります）が、2％が適切なマージンであることがわかります

padding:2%;
width:96%;

編集 *

そして最後に、モバイルWebサイトを作成するために開発するときに、必要のないIEスタイルシートがあることに気づきました。これにより、長期的にはWebサイトの速度が低下します。

このリンクをたどって、うまくいくプレートを手に入れましょう。これは、yoruサイトを高速化し、適切なスクリプトとcssファイルをすべて備えたボイラープレートです。

于 2013-02-01T11:09:00.160 に答える
0

あなたは.socialのためにあなたを降ろし、そして幅：x％をfloat:left置く必要があり、そしてこのそのクラスにプラスを与えるでしょう。.socialの子要素を再調整する必要があるかもしれません。margin:0 auto;text-align:center

于 2013-02-01T11:45:37.147 に答える
0

これを試して：

.header {
  width:1000px; /* what ever size you want*/
  margin-left:auto;
  margin-right:auto;
}
于 2013-02-01T11:00:50.690 に答える