1 2 |
<span class="addsource"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> </span> |
メディアクエリ
1 2 3 4 5 6 7 8 9 10 11 |
@media screen and (min-width: 980px) { /* 980px以上用(PC用)の記述 */ @media screen and (min-width: 768px) and (max-width: 979px) { /* 768px - 979px用(タブレット用)の記述 */ } @media screen and (min-width: 480px) and (max-width: 767px) { /* 480px - 767px用(タブレット/スマートフォン用)の記述 */ } @media screen and (max-width: 479px) { /* 479px以下用(スマートフォン用)の記述 */ } |