スマホ表示で横揺れをなくす

 スマホで操作していると,まるで画面がサイズより大きいかのように,枠の外の余白がみえるまでコンテンツが揺れてしまうことがあります.
 原因は,横幅をwidthで指定しているためです.
 widthだけでなく,max-widthを指定すると,解決します.たとえばこのように.

body {
  padding: 0;
  margin: 0;
 max-width: 100vw;
}

 widthで書いたところは,max-widthに書き換えればすぐに直ります.paddingmarginを初期化することもお忘れなく。