本記事は『HTML5&CSS3しっかり入門教室 ゼロからよくわかる、使える力が身につく。』の「第7章 Webページをマルチデバイスに対応させる」の一部を転載・編集したものです。 01 導入と基本設定 マルチデバイス対応の必要性 Webページを閲覧するデバイスは、PC以外にもスマートフォンやタブレットなどさまざまです。これらは、画面サイズやブラウザにも違いがあるため、PCでの閲覧のみを想定したWebページだと、ユーザーによっては不便だと感じるかもしれません。下の画像を見比べてみると、よくわかるでしょう。本書の現時点でのサンプルデータはまだマルチデバイスに対応していないので左側のようになりますが、スマートフォンに対応すると右の画像のようになります。 POINT マルチデバイス対応は、ユーザーにとってだけでなくSEO対策を考えるエンジニアにとっても大きな意味を持つ作業です。たとえば、Google
![Webページをマルチデバイスに対応させるには? レスポンシブコーディングの仕組みを解説](https://cdn-ak-scissors.b.st-hatena.com/image/square/567a4dd3d0b6822fb60c8f4dcc8323a8451d6113/height=288;version=1;width=512/https%3A%2F%2Fcodezine.jp%2Fstatic%2Fimages%2Farticle%2F10928%2F10928_fb.jpg)