レスポンシブデザインとは?

ユーザーのデバイス(PC、タブレット、スマートフォンなど)に関係なく、複数の異なる画面サイズに応じてページのレイアウト・デザインを柔軟に調整することを言います。
同じ URL で同じ HTML コードをCSSで制御し、複数の異なる画面サイズに応じてページのレイアウト・デザインを調整します。

レスポンシブデザインのメリット

レスポンシブデザインのメリットとしては、どのデバイスでも同一のファイルを利用できるため、管理が非常に簡単になることと、デバイス毎の表示エラーを減らせることにあります。

レスポンシブデザインのデメリット

パソコン用の情報をスマホで読み込むというのは、PCよりもスペックが劣るスマートフォンにとっては、データ読み込みなど負荷がかかります。
スマートフォンでの読み込み時間の遅さは、ユーザビリティに大きく影響するため、掲載する情報はシンプルにする必要があります。

 

PAGE TOP