スマホ用のcss記述方法
スマホ対応が必須のcss。
イメージは
「表示画面が〇〇px以下(以上)になったらこのスタイルを当ててください!」
のような記述をスタイルシートへ。
@media screen and (max-width: 750px){(・・・画面幅が750px以下になったら)
(ここにスマホ用のスタイルを記述)
}
こちらでOKです! わかりやすくなるようにスマホ用に「sp.css responsive.css」などのスタイルシートを別に 用意すると分かりやすいです😆
最後までご覧いただきありがとうございます!