CSS
/* PC用 */ /* 979px以下用(タブレット用)の記述 */ @media screen and (max-width: 979px){ } /* 767px以下用(タブレット用)の記述 */ @media screen and (max-width: 767px){ } /* 479px以下用(PC用)の記述 */ @media screen and (max-width: 479px){ }
HTML
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"> // 端末画面の幅に合わせる width=devic-width // 初期のズーム倍率 initial-scale=1 // 最小倍率 minimum-scale=1 // 最大倍率 maximum-scale=1 // ズームの操作 user-scalable=no