実技 スマートフォンサイト作成実習

Media Queries とは？

メディアクエリを使用すると、画面の種類、幅、高さ、向き、解像度など、コンテンツをレンダリングするデバイスの特性に基づいて、スタイルを容易に変更できる。

PCファーストの場合、ブレイクポイントは大きい順に記載する。

タッチデバイスを意識したボタンを製作することが大事。
例えば、スマホを持つ手がどちらが多いがなどを調査し、その調査に基づきデザインする。
a要素は「display: block;」にして、幅と高さを持たせる。