スマホで操作していると,まるで画面がサイズより大きいかのように,枠の外の余白がみえるまでコンテンツが揺れてしまうことがあります.
原因は,横幅をwidthで指定しているためです.
widthだけでなく,max-widthを指定すると,解決します.たとえばこのように.
body {
padding: 0;
margin: 0;
max-width: 100vw;
}
widthで書いたところは,max-widthに書き換えればすぐに直ります.paddingとmarginを初期化することもお忘れなく。