【勉強メモ】レスポンシブウェブデザイン他
昨日やった内容をメモします。
といっても私は途中からポートフォリオ制作で離脱していましたので
冒頭の聞いていた部分だけですが。
★キーワードはモバイルフレンドリーテスト
SEO対策でもある。モバイルフレンドリーでなければ上位表示は無理！
★キーワードは＜meta name="viewport" content="width=device-width"＞←ビューポートの設定といえばこの記述ね。
デバイスにあったページを用意する
http://d.hatena.ne.jp/web-0818/20151119/p1
★キーワードは３種類の方法
1.セパレートURL（Separate URL）
2.動的配信（Dynamic Serving）
3.レスポンシブWebデザイン（Responsive Web Design）
レスポンシブWebデザイン
http://d.hatena.ne.jp/web-0818/20151120/p1
★キーワードはメディアクエリ
メディアクエリの記述方法
@media メディアタイプ and（条件）{
セレクタ（プロパティ：値； プロパティ：値；・・・・・）
}
注意
レスポンシブWebデザインのデメリット
1.CSSの記述が複雑になる
2.無駄な処理が生じる恐れがある
3.PCサイトに切り替えられない
4.IE8以前の古いブラウザをサポートできない
