「レスポンシブデザインとスマホで確認した時の落とし穴」の編集履歴(バックアップ)一覧に戻る
このページではレスポンシブデザインについて様々な方法を説明していきます。
また、レスポンシブデザインをスマホで確認する時に陥りがちな落とし穴についても解説していきます。
OSを搭載した携帯電話であるスマートフォンの登場により、今後増々、様々なデバイスによって閲覧されるWebサイト作りは重要性を増していくと思われます。そんな状況に対応すべく登場したのがHTML5やCSS3と言っても過言ではないくらいでしょう。そしてより素早く全てのデバイスに対応したwebページを作るためには「より良いレスポンシブデザイン」の作成技術は必須は言えるでしょう。
そこでこのページでは、レスポンシブデザインを作成するための3つの方法と、メリット、デメリット、基本的な注意点を記述していきたいと思います。
レスポンシブウェブデザインを作る3つの方法
1、HTMLの中でCSSファイルを切り替える
2、CSSの中で、サイズによってCSSファイルを切り替える
3、サイズ毎にスタイルを指定していき、一枚のスタイルシートにすべてを記述していく方法
目次