WordPressでのレスポンシブ画像ってどうなってるの？

例えば、横幅480pxの画面のスマホで幅320pxの画像を表示しようとすると少し小さいです。これを画面いっぱいに拡大するために max-width に100％を指定しています。 反対に、コンテンツの横幅が768pxのブログで1024pxの画像を指定なしで表示しようとすると、当然突き抜けてしまいます。ここで max-width が指定されていれば、親要素より大きいときには縮小してくれるので、表示が崩れることがなくなります。 height に auto が指定されていますが、これは縦横比を保ったまま拡大・縮小するのに必要なものです。 従来のWordPressでの画像サイズの扱い方今までの WordPress では画像をどのように扱ってきたのか復習しましょう。ブログコンテンツが640px、アップロードした画像が1600pxだった場合を考えてください。 ブログコンテンツが640pxを上限としている