同じページでタブレットやスマートフォンに対応するデザインです。

レスポンシブデザインとはパソコン、タブレット、スマートフォンなど、複数の異なるデバイスの横幅サイズを基準に、レイアウトやデザインを変更することです。

それぞれのデバイス別にファイルを用意するやり方が以前までは一般的でしたが、更新が漏れてしまったりと管理が複雑になりがちで大変な労力を必要とされました。レスポンシブデザインはデザインや装飾が制限されるデメリットもありますが、Googleが推奨しているため、近年注目を集めています。

レスポンシブデザインとはパソコン、タブレット、スマートフォンなど、異なる端末でご覧いただけます。