フルスクリーンを設定していたメインイメージ部分に突如スクロールバーが出現した。懐かしのフレーム表示みたいになってる。なにこれー。
【対策】cssのoverflow値を確認
overflow: scroll
overflow: auto
2つのboxに設定されていた上記を両方hiddenにすることで解決。
何かが少しはみ出ている模様。はみ出そうな要素はboxshadowやborder,padding,marginあたり？
それらは特に見当たらないし、スマホもぐにゅぐにゅ動いたりしない、表示も問題ないのでとりあえず隠しておくことで解決。MacのChrome,Firefox,safariではそんなものなかった。
そもそもなぜscrollやautoに設定していたのか…。
▼参考｜MDN web Docs | overflowプロパティの説明
