この記事では、JQueryを使用してiPad Viewportを管理するための手法を調査し、著者が「ビューポートクッキー」と呼ぶもののクリアに焦点を当てています(これは標準用語ではありませんが、記述された方法は、クッキーではなく操作ビューポートメタタグ)。 著者は、iPadデバイスのビューポートスケーリングとズームを制御するためのいくつかのアプローチを提示します。
この記事は、初期ビューポートメタタグのセットアップの概要を説明することから始まります。
このコードは、ビューポート幅をデバイスの幅に設定し、ユーザーのスケーリングを有効にし、初期、最小、および最大ズームレベルを設定します。
著者は、ピンチからZOOMへのジェスチャーを使用してユーザーが画面と対話するたびに、$('meta[name=viewport]').attr('content','width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0');
イベントリスナーの方向変更にイベントリスナーを使用したり、
イベントに基づいてビューポートメタタグを操作したりするなど、代替方法についても説明します。
gesturestart
この記事では、CSSを使用してビューポートスケーリングに影響を与えることも提案しています。
$(document).live('gesturestart', function() { $('meta[name=viewport]').attr('content','width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0'); });
以上がJQueryを使用して、iPad Viewport Cookieをクリアしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。