/* PC画面表示(1024px~) */
@media screen and (min-width: 1024px) {
}
/* タブレット画面表示(568px~) */
@media screen and (min-width: 568px) {
}
/* スマホ表示画面(~568px) */
@media screen and (max-width: 568px) {
}
レスポンシブ対応
![](https://note.enakat.com/wp-content/themes/cocoon-master/screenshot.jpg)
/* PC画面表示(1024px~) */
@media screen and (min-width: 1024px) {
}
/* タブレット画面表示(568px~) */
@media screen and (min-width: 568px) {
}
/* スマホ表示画面(~568px) */
@media screen and (max-width: 568px) {
}
コメント