すべての画像をレスポンシブデザインの中心に配置

Question

レスポンシブデザインの中で特定のビューポートの下に水平にセンタリングされるすべての画像をコード化/整理するための良い、汎用的でシンプルな方法があるのだろうかと思います。

たとえば、480px幅のビューポートより下では、すべての画像がブロックとして表示され、画面の中央に表示されます。

Answer 1

あなたはCSSメディアクエリと実際のCSSの組み合わせを使用する必要があります...

例えばあなたはその後、例えば

small.css内の実際のCSSを定義/ big.css

2つの個別のCSSファイルを持っており、デバイスの機能

<link href="small.css" media="only screen and (max-width:480px)" /> 
<link href="big.css" media="only screen and (min-width:480px)" /> 

に基づいて、関連するものを呼び出すことができますsmall.cssで、次のスタイル

img {margin:o auto;text-align:center} 

とbig.cssで何かを定義する必要はありません（デフォルトは適用されます）

Answer 2

は、私はそれが動作するかどうかわからないんだけど、

img { margin:o auto; text-align:center} 

を試みるが、いくつかの部分は動作しますが、周りのすべての方法を動作する場合、いくつかのdiv要素が継承されていない可能性があるため、私は全くわからないんだけどすべての画像を中央に揃えません。