この記事では、CSS で画像のサイズを変更して、高さと幅を維持しながら、比例して div に収まるようにする方法を紹介します。 CSS で max-width および max-height プロパティを使用して画像のサイズを変更する HTML で画像を挿入するときはいつでも、画像はそのサイズの合計ピクセルを占めます。画像が特定のコンテナ内にある場合、画像のサイズがコンテナのサイズよりも大きくなることがあります。画像は画面上のより多くのスペースをカバーします。それは他の要素から領域を取ります。その結果、ウェブページは私たちのデザインに従わず、魅力的ではなくなります。この問題を取り除くために、max-width および max-height CSS プロパティを使用して、コンテナのサイズに応じて画像のサイズを自動変更できます。これらのプロパティは、要素の最大の高さと幅を設定します。要素のコンテンツの幅と高さが max-width および max-height プロパティよりも大きい場合、それらのサイズはこれらのプロパティの値で調整されます。ただし、サイズが小さい場合は効果がありません。max-height プロパティと max-width プロパティを要素に設定できるため、コンテナ内の要素はサイズを調整します。