スマホ対応の3列表示のページがGoogle Chromeだけ画面が左右に動く
要約:このサイトのトップページ(ホーム)は「高さを揃えた均等幅の3列」表示で、この3列表示のページだけが、Google Chromeで表示すると1~2秒間隔で左右に動く動作を繰り返す。
画面の右に表示される縦スクロールバーが表示されたり、非表示になったりする現象。他のブラウザ「Microsoft Edge」や「Firefox」では発生しない。
1 2 3 4 5 6 7 8 |
<!-- 元のソース --> body{ width:100%; } <!-- 直したソース --> body{ max-width:100%; } |
サイト全体のcss指定で幅widthに「max 」を入れただけなのだが、表示は正しくなった。