webサイトを画面を横向きにして実機で確認しています。
他は大丈夫なのですが、iPhoneX/chromeのときのみ崩れます。
確認すると、width:100vwの値がsafariで見た時とchromeで見た時で異なるようでした。
safariや他の環境ではwidth:100%とwidth:100vwは同じ幅になるのですが、
iPhoneX/chromeのみ、width:100vwの幅が大きくなっています。
横幅等々にvwの単位で指定しているため、iPhoneX/chromeのみもろもろ崩れているのだと思うのですが、
viewportの横幅の認識がiPhoneX/chromeのみ異なることについて、
既知のバグや解決方法などご存知の方がいれば教えて下さい。
####環境
iPhoneX(実機)
safari
chrome
###追記
window.innerWidthの値はどちらも724でした。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。