HTML / CSS

【@media】メディアクエリ【css】

/* 幅が 768px 以上であれば(パソコン) */
@media (min-width:992px) { ... }

/* 幅が 768px以上 1200px以下であれば(タブレット) */
@media (min-width:768px) and (max-width:991px) { ... }

/* 幅が 767px 以下であれば(スマホ) */
@media (max-width:767px) { ... }