多種多様なデバイスが登場している現在、すべてのスクリーンにいかにして対応していくかが企業ウェブ担当者の課題となっています。この問題を解決する一つの方法として「レスポンシブウェブデザイン」に注目が集まっています。 レスポンシブウェブデザインとは。 1つのhtmlで多様なスクリーンに対応できる制作手法。「メディアクエリ」と呼ばれる技術を使うことで、ページ幅に合わせてcssを切り替え、見た目を変えることができます。 ↑讀賣テレビ採用サイト ブラウザの横幅を縮めたり広げたり、お試しください。 ■メリット ・ワンソースでマルチデバイスに対応ができる。 ・画面幅に依存しないので、将来的に現れる端末にも対応できる ・単一のURLになるのでSEO面で強いと言われている ・システムによる出しわけが不要。コーディングだけで完結 ■デメリット ・スマートフォンで見たときにソースを全て読み込むので重い ・フィーチ
![レスポンシブウェブデザインで対応すべきサイトとは~国内事例](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc64b82bd897d77ccab0bef65c404a5ad9e7147e/height=288;version=1;width=512/http%3A%2F%2Fwww.mobile-first.jp%2Fwp-content%2Fuploads%2F2012%2F06%2Fresponsive-150x150.png)