私は、サイト上でjqueryベースのライトボックスを実行しています。すべてが主要なデスクトップOSブラウザ上にあります。縮小されたMobile Safariブラウザからドキュメント幅またはウィンドウ幅を取得する
モバイルサファリ(iPhoneとiPadの両方) - おそらくAndroid搭載端末でも、これらのブラウザのスケーリング機能に問題があります。
これは、オーバーレイ要素を挿入し、そのオーバーレイの上にいくつかの画像を表示する「通常の」ライトボックスです。私はウィンドウ全体をカバーしたい ので、私は$(window).width()
と$(window).height()
を取得し、それらの値にオーバーレイを設定します。
は、ここで私は何をしようとしているのです。
通常のデスクトップブラウザでは縮尺が変わらないので問題ありませんが、スケーリングデバイスでは、オーバーレイの幅が狭く、短すぎます。これらの値は768x946で、デスクトップ上のページの実際の幅です
はい、スケーリングを無効にすることはできますが、サイトは細かく縮小されているので、私はそれを避けたいと思います。
そこで質問がなければなりません:ページが縮小されたときに はどのようにして、ウィンドウまたはボディ要素のいずれかの実際のスケーリングされていない幅を得るのですか?
は マーティン
あなたはTESTLINKで私たちを供給することができますが、私は私のAndroidデバイス上でそれを見ることができます。) – walialu