自分メモ:レスポンシブのブレークポイント

【例】

.inner {
max-width: 980px;
margin: 0 auto;
padding: 0 22px;
}

PC

インナー幅以上

タブレット

768以上〜インナー幅未満

@media screen and (max-width: 979(インナー幅-1px)px) {}

SP

767px以下

@media screen and (max-width: 767px) {}

SNSでもご購読できます。

コメントを残す

前の記事

次の記事