最終更新日：
レスポンシブデザインとは、一つのWebページが、画面の大きさに合わせて見やすい形に変わるようにする作り方です。
レスポンシブデザインでは、同じURL・同じHTMLのページを、CSSで画面の幅に応じて並べ方や文字の大きさを切り替えて表示します。パソコン用とスマートフォン用に別々のページを作る方法と比べ、管理するページが一つで済みます。Googleも、レスポンシブデザインを推奨しています。
業種によっては、スマートフォンから見る人が多くを占めます。発注のときは、スマートフォンでの見え方を先に考える、表やボタンが小さな画面でも使えるかを確かめる、といった点を確認の対象に入れます。検索エンジンも、主にスマートフォン向けの表示をもとにページを評価します。
画面の幅に合わせるだけでなく、指で押しやすいボタンの大きさや、通信が遅いときの表示の速さも大切です。確認は、開発者のツールの表示の切り替えだけでなく、実際の端末でも行います。表のように横に広い内容は、小さな画面での見せ方を個別に考えます。