流動的なレスポンシブ デザインのために HTML と CSS を試しています。ここでレイアウトとコードを参照してください: http://jsfiddle.net/arp6c/
Web ページのメイン コンテンツ エリア内で上記のレイアウトを使用したいと思います。
幅を割り当てずにdivを中央に配置するため
display:table
に一緒に使用しました。margin:auto
これはうまくいくようです。これを達成するためのより良い方法はありますか、それとも私がやったことは問題ありませんか?私の CSS では、左右のセクションに固定幅が割り当てられていることに気付くでしょう。代わりにパーセンテージを使用しようとすると、うまく機能しないようです。レイアウト全体がレスポンシブであることを確認するにはどうすればよいですか?
レスポンシブ デザインでは、中央の画像もブラウザーのサイズに合わせてサイズ変更する必要がありますか? どうすればこれに対処できますか?