スマホで右側に余白ができる

レスポンシブ、スマホ側で
右側スクロールバー分の白い余白ができてしまうばあい

全体を囲っている要素に「overflow: hidden;」を追加すればOK。

html {
height:100%;
position:relative;
overflow: hidden;
}