html - スマートフォンとPCをサポートするためにHTMLメーラーで画像のサイズを変更する方法は?

Question

幅 600px、高さ 75px のHTML メーラーの画像ヘッダーがあります。スマートフォンでメールを読むときの画像サイズを小さくする方法はありますか? max-width:600px; width:100%;最大幅が600pxのままで、画面サイズが小さいスマートフォンで表示すると、電話の表示サイズに縮小されるようにインラインcssを使用できますか? またはそれは何か問題を引き起こしますか？

Answer 1

通常、絶対ピクセル値を使用することはお勧めできません。ほぼすべてのサイズで見栄えのする「流動的なレイアウト」を作成してみてください。

使用可能な表示サイズに応じてCSSを変更するには、「cssメディアクエリ」を試してください。

ソリューション（max-width）も機能するはずです。テストして試してみれば、機能するはずです。