HTMLのheadにviewportを設定
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

CSS
タブレット以下の画面ブレイクポイント
@media(max-width:1000px){
}

端末サイズに合わせて自動調整（paddingを含む。margin含まない）
*{
box-sizing:border-box;
}

画面を1170pxに固定していたものを端末にあわせて変更する
width:100%;