× 無料のユーザー登録をすると学習状況を管理することができるようになります

レスポンシブなウェブサイトを作ろう (全11回)

マルチデバイスに対応したWebサイトを作るための「レスポンシブWebデザイン」について学びます。

#05 スタイルを振り分けよう
2013年3月4日
メディアクエリーで使うことが出来るさまざまな命令は以下のサイトにて定義されています。
https://developer.mozilla.org/ja/docs/CSS/Media_queries
#07 スマートフォン向けのスタイル
2014年1月31日
レッスンでは initial=1.0 と書いていますが、正しくは initial-scale=1.0 と書かなければエラーとなってしまいます。ご注意ください。

<meta name="viewport" content="width=device-width, initial-scale=1.0">
2013年2月1日
viewportの仕組みに関しては以下のページも参考にしてみてください。
http://ascii.jp/elem/000/000/699/699842/
またviewportの仕様はW3Cにて以下のように定められています。
http://dev.w3.org/csswg/css-device-adapt/