html - ブラウザのサイズに合わせて画像を整列

Question

この画像を確認してください これは 1024px のブラウザ ウィンドウの通常の画像です。ブラウザのサイズが 1024px 未満に縮小された場合、画像とテキスト ブロックは以下に示すように徐々に折り返される必要があります。 これを確認してください。これ を達成するにはどうすればよいですか。つまり、これを達成するために CSS で必要なタグは何ですか?

Answer 1

画像を折り返す最も簡単な方法imgは、HTML ドキュメントに要素を連続して配置して、それらが折り返されるのを観察することです。特定のレイアウトを実現するためにこれに追加する必要があるものは、その特定のレイアウトが何であるかによって異なります。これには、メディア クエリを使用して、さまざまな範囲のウィンドウ幅のさまざまなスタイル シートが含まれる場合があります。