ブラウザ上でダブル指ズーム

テストはショーの写真をフルスクリーン機能をした二日前に今日、それは突然、私はズームした後、2本の指をキャンセルした後、フルスクリーン画像、全画面表示に入ったとき、ページ全体が拡大されますことを見出しました。これは、ユーザーフレンドリーではありません!だから私は、多くのページを閲覧した後、最終的に我々は解決策を見つけ、検索ブラウザネイティブピンチ関連情報を検索するために行ってきました。

解決策を議論する前に、ビューポートメタタグのためにそれを名前を説明するために、このタグは、多くの場合、以下の属性がありフィットページズームに使用されています

幅:(HTMLタグの親要素の幅として理解することができる)を制御するためのビューポートの幅が値又はデバイス幅に設定することができます。通常、デバイス幅に設定し、ピクセル単位で測定されたCSSの100%を指すために、画面の幅にスケール。

高さ:同様の幅

初期の規模:最初のページのロード時にズームレベルを制御するため、通常は1に設定

最大スケール:最大ズームレベル制御

最小スケール:最小のズームレベルを制御します

ユーザースケーラブル:ユーザーがページをズームできるかどうかを制御、それはyesまたはno、デフォルトはyesです

もっとMDNからの情報

あなたはフルスクリーン画像を閉じると、スケーリング設定は、最大ズームレベル1のコードをテストするために行く、その後、何が起こるか、最大値を設定した後、彼は、私を望んでいたので、多くのソリューションは、すべての設定されたズームレベル1ズーム、禁止されていますレベル1をズーム。

レベル1、完璧にブラウザテスト、近くに拡大した画像、ページズームを開きます。しかし、このセットの後、フルスクリーン画像を表示する2番目の時間は、あなたが最大のズームレベルを取り消し、彼らがフルスクリーン表示画像を入力する必要がありますので、画像を拡大縮小することはできません。

このとき、ページがフルスクリーン画像を閉じた後にレベル1への自動ズーム機能を完了し、再び全画面表示画像を開いた後、スケーリングの制限を解除します。ページが画像をロードされた後ただし、ユーザーがフルスクリーン表示を開きませんか?この場合、ユーザーが自由に、ユーザのエラーを防ぐために、我々は最大のズームレベル1を設定する必要があり、大丈夫ページをズームすることができますので、彼らはラベル内の1以上のレベルにスケーリングすることができないだけで、完成読み込みページという。

おすすめ

転載: www.cnblogs.com/FreezeNow/p/12169095.html