」というコメントが書かれている部分ですね。こちらの部分に記載しています。デザインビューですとここですね。今回のスマートフォン向けのスタイルシートを設定するにあたっては特に複雑なことはありません。純粋に普段通りのスタイルシートの設定をしていけば大丈夫です。タブレットそれぞれで表示する項目が違っていましたね。タブレット向けのデザインに関してはこちらのコピーライトの上にフッターのナビゲーションが入っていました。スマートフォン用のデザインになるとそれは省くような形になりますのでそちらの設定をこの部分で行っている状態です。」部分で定義しています。書いておけば大丈夫ですね。」という形でパーセント指定にしているぐらいでしょうか。デザインを制作するにあたっては要素の幅を決めるときその場合はパーセント指定もしくはオートにするのが理想的です。それによって意図しないデザインの崩れや視認性が悪くなるといったようなことになるようであればパーセントやオートではなくて具体的なピクセル数を指定してあげるのも良いでしょう。そのあたりは臨機応変に対応していただければと思います。ライブビューで現状の見え方について確認しておきましょう。ライブビューに切り換えるのはこちらのボタンですね。表示領域を大きくしておきましょう。スマートフォン用のレイアウトですね。このような形になっています。次はタブレット用です。タブレット用ですとこのような形になっていますね。このような形になっています。どちらにも継承されて表示されているといった感じですね。この中には今回のスタイルシートの設定をまだ行っていないファイルが入っていますのでぜひ今回のレッスンを参考にしながらご自身で設定をしてみてください。以上でレッスンは終了です。デザインに対応したフッター部分のスマートフォン向けのスタイルシートの調整手順について解説いたしました。端末向けのスタイルシートの調整方法について解説しますのでそちらも合わせて参考にしてみてください。CCで作るレスポンシブWebデザインこのコースでは、レスポンシブWebデザインに対応したサイトをDreamweaverを使いながら制作する方法について解説していきます。レスポンシブWebサイトについての説明や、制作するにあたっての設計のコツ、Dreamweaverがもつ機能や使い方などを実際の制作手順に基づいて解説していきます。発売日:2014年04月02日このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。お問い合わせは、cs-jp@lynda.com宛までご連絡ください。無料レッスンを視聴するここから世界が拡がります。lynda.comとlynda.comのロゴは、商標登録されています。登録してからブックマークを使用してください。lynda.comにジャンプしました。