世の中はスマホ(smart telephone 賢い電話機)が大普及 し、現在は多くの人がスマホでサイトやブログを見ていま す。そのため、私もこのブログをスマホ対応で作りました。 参考にした 本は、「HTML/CSSの絵本 アンク 2023年3月 22日初版第1刷発行 翔泳社」です。図解が多く分かりやす い本です。
HTMLのmeta要素にviewportを設定することによってデバイス (device 機器)毎 に見せ方を変えることができます。 パソコンでは、横並びになる画面表示 が、幅の狭いスマホ では自動的に縦並びの画面表示になります。
レスポンシブ(responsive 反応する)という方法です。 デバイスの幅に 反応して自動的に見せ方を変えるのです。 素晴らしい巧みな方法です。