tmegos https://blog.hatena.ne.jp/tmegos/ tmegos blog https://tmegos.hatenablog.jp/ 現象 iOS端末を回転させてwindow sizeが変わって、resizeイベント後にwindow.innerWidth/innerHeightを参照しても、実際の値と異なる 例えば画面を横から縦に変えた場合、widthは合っていますが、heightは異なる値を示しています bugs.webkit.org 環境 iPadOS 14.4.2 Google Chrome 87.0.4280.77 解決案 ※ どうしてもiOS Chromeでresizeしたときに実際のwindow.innerWidth/innerHeightが使いたい！ときに試す 画面全体を覆うダミーのdivを置く positio… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftmegos.hatenablog.jp%2Fentry%2Fios-chrome-resize-workaround" title="iOS Chromeでresizeイベント後にwindow.innerWidth/innerHeightが異なる問題に対するワークアラウンド - tmegos blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/t/tmegos/20210404/20210404163112.png Hatena Blog https://hatena.blog 2021-04-04 16:46:27 rich https://tmegos.hatenablog.jp/entry/ios-chrome-resize-workaround 1.0 100%