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