モバイルファースト スマホ画面を基準に作り、タブレット画面やデスクトップ画面をメディアクエリで指定する方法です。スマホ画面とタブレット画面とデスクトップ画面で共通する項目はスマホ画面のCSSに記述します。 タブレット画面とデスクトップ画面のそれぞれ特有のCSSだけ記述します。開発に慣れるとモバイルファーストの方が記述量が減らせるので便利です。 モバイルファーストではmin-widthを指定します。 min-widthとは最小幅を指定するプロパティです。 例えば、ブレイクポイントは以下のようになります。 ス ...