(124) orientationchangeイベントで画面の高さを取得するときの注意点

投稿者: | 2022年3月11日

680 views

この記事は最終更新から 781日 が経過しています。

注意すること!

screen.height は、スマホの回転に関係なくディスプレイ縦方向の高さ。
window.innerHeight は、スマホの回転によりディスプレイ縦横の値が入れ替わる。

window.addEventListener('orientationchange', function() {
  setTimeout(function(){
    const display_H = window.innerHeight;    // ここで回転後の画面高さを取得
  }, 50);
});

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)