［CSS］レスポンシブウェブデザイン

［CSS］レスポンシブウェブデザイン

　スマートフォンに最適化する（ex 『Google Mobile-Friendly Website』）

1. レスポンシブウェブデザイン
   pcとpsをひとつのファイルで管理する
2. 動的な配信
   .htaccess
   pcとpsで別々のデータを用意する
   pcとpsで自動的に互換性をもたせる

• ブレークポイント
  ・画面サイズを適用させるスタイルを切替えるポイント、分水嶺のこと
  ・可変を前提とするよりポイントで切り替えることを意識する
  　ex）スマートフォン　～640px
  　　　タブレット　　　641px～959px
  　　　PC　　　　　　  960px～

• remの考え方
  ・16px （ブラウザの初期設定）×62.5%=10px （先祖要素 / 基準となるサイズ）
  ・em(root+em) ＊先祖要素（root）×em=px　ex）10px×1.6em=16px

　

［Today's viewpoint］

• ワークフローが重要
• 自分のページのガイドライン（レギュレーション）をまず固めること