中央の流体レイアウトを整える

Question

複数の画面に対して、流体レイアウトを中央揃え（固定px値なし、％値のみ）する方法を教えてください。

つまり、同じHTMLをデスクトップ（複数の解像度でも可）、モバイル（iPhoneなど）、タブレット（iPadなど）でも表示できます。

私の場合、以下の解決策はうまくいかないと思います。 80％程度、次いでマージンを使用して：widdthを用いて100％（任意のスペースがないであろうALIGNを中心に左）

：0自動車（これは なる幅を使用

1. テキスト整列を使用して）私は、モバイルデバイス上の限られたスペースを最適化したい

2. をデスクトップ上で正常に動作しますが、モバイルdevices..ie上のスペースを無駄になりますセンター（私はレイアウトではなく テキストを中央揃えにしたいです）

お勧めします。 divの中

Answer 1

使用ALIGN =「センター」は、その後のuはdiv要素の内容は、それが完全に液体であるために、テキストだけでない限りページを設定するのは極めて困難だ

Answer 2

中心に説明されます。画像が特定のサイズで表示される必要があるため、小さい解像度に合わせてサイズを変更する必要があるからです。これは単なるテキストベースのサイトであればそれは言われて、その後

width: 80%; 
margin: 0 auto; 
text-align: center; 

iphoneので、これは正常に動作する必要がありますマージンをサポートしています。画像があり、サイズを変更する必要がある場合は、jqueryまたはjavascriptを参照して、サイズ変更時に画像を調整する必要があります。

下位互換性のためにtext-align：centerも使用してください。ラッパーとしてそのすべてを使用して、あなたのコンテンツと

text-align: left; 

Answer 3

<div style="width:100%; text-align:center;"> 
     <img style="margin:auto; display:block;" src="images/web_banner.gif"/> 
     <p>Website coming soon…</p> 
</div>