<meta name="viewport" content="width=device-width,initial-scale=1">
// 0 〜 480pxまではboydの背景を赤くする
@media screen and (max-width:480px) {
body {
background-color: red;
}
}
@media screen and (max-width: 960px){ // ブレイクポイント
// タブレットサイズのCSSを記述
なぜ調整する必要があるの？
どのようにレスポンシブ対応する？
<meta name="viewport" content="width=device-width,initial-scale=1">// 0 〜 480pxまではboydの背景を赤くする@media screen and (max-width:480px) { body { background-color: red; }}@media screen and (max-width: 960px){ // ブレイクポイント // タブレットサイズのCSSを記述}