画像

画面サイズに合わせて伸縮する画像を表示する

伸縮可能な画像の表示

画像を挿入するには <img> タグを使用する

画面サイズに合わせて伸縮するようにする場合、width 属性、height 属性を追加する必要はない

レスポンシブデザインのページでは画像を伸縮して表示させるために <div> などブロックボックスで表示される要素で <img> を囲むのが一般的

画面サイズに合わせて伸縮する画像をひょじさせるには <img> タグに Labo 204 で作成した CSS を適用する

このスタイルによって画像はもとの縦横比を維持したまま、親要素の幅に合わせて伸縮する

レスポンシブデザインでは必須のスタイル