Webプロジェクト開発でのWebページのズームによるページの幅と高さの取得の問題を思い出してください

問題:

今日、インターネットでログインインターフェースのテンプレートを見つけ、それをプロジェクトのログインインターフェースに適用しようとしたところ、キャンバスラベルの幅と高さがWebページの幅と高さではなく、通常はWebページの元のテンプレートが入力されています。ページ。情報を検索した後、私は最終的に元の問題がズーム比であることを学びました。Webプロジェクトで125%ズームのCSSスタイルを80%に追加し、テンプレートのjsでキャンバスの幅と高さを計算したため、計算されました違います。

解決策:

スケーリング係数window.devicePixelRatioを掛け、幅と高さをjsで計算します。
ここに画像の説明を挿入

公開された111元の記事 ウォンの賞賛2 ビュー3533

おすすめ

転載: blog.csdn.net/m0_38088647/article/details/103583338