知って得する建物の豆知識　190　レスポンシブデザイン　スマホ表示に必須　見やすさと情報量のバランスを

　最近の調査によればインターネットのWeb閲覧は85%がスマートフォン(スマホ)によるものになったようです。この比率は年々上がっており、PCでのWeb閲覧は過去のものになりそうです。

　閲覧時におけるPCとスマホでの大きな違いは表示エリアです。一般のサイトをスマホで見る場合、全体表示にすると、読めないほど小さくなり、何回も拡大したり、画面を上下左右にスワイプすることになり、非常に煩わしい操作が必要です。

　これを解決するのがレスポンシブデザイン(以下=レスポンシブ)という手法です。目的は機器や画面サイズを感知して単一のファイルとして表示させることです。従来は、機器の種類に応じて別々のHTMLファイルを作成して振り分けていましたが、レスポンシブでは1つのファイルでPCをはじめ、無数のスマホやタブレットの画面に対応します。