拡大して、すべてのデバイス(デスクトップ、タブレット、および電話)で見栄えを良くする方法です。Webページはどのデバイスでも見栄えがよいはずです。ブラウザにページの寸法と拡大縮小を生業する方法についての指示をを与えます。スマホやタブレットでこのページを閲覧している場合は、サムネイルの大きさが調整されます。スポンサーリンクレスポンシブ画像レスポンシブ画像は、ブラウザのサイズに合わせて適切に拡大または縮小される画像です。プロパティが100%に設定されている場合、画像は反応して拡大縮小します。style=”width:100%;”>上の例では、画像は元のサイズより大きくなるように拡大することができます。プロパティを使用することです。プロパティが100%に設定されている場合、必要に応じて画像は縮小されますが、元のサイズより大きくなるように拡大されることはありません。要素を使用すると、ブラウザウィンドウのサイズごとに異なる画像を定義できますブラウザウィンドウのサイズを変更して、幅に応じて下の画像がどのように変化するかを確認します。width”を意味する”vw”単位で設定できます。することで、テキストサイズはブラウザウィンドウのサイズに従います。Worldブラウザウィンドウのサイズを変更して、テキストのサイズがどのように変わるかを確認します。World</h1>ビューポートはブラウザのウィンドウサイズです。=ビューポート幅の1%ビューポートの幅が50cmの場合、1vwは0.5cmです。画像のサイズ変更に加えて、レスポンシブWebページでメディアクエリを使用することも一般的です。メディアクエリを使用すると、ブラウザサイズごとにまったく異なるスタイルを定義できます。例:ブラウザウィンドウのサイズを変更して、下の3つのdiv要素が大画面では横に表示され、小画面では縦に重ねて表示されるようにします。(任意)次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。