15

シンプルなページがあります

<meta name="viewport" id="extViewportMeta" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

その上に、すべてがiPhoneに表示するのに適したサイズになっています。

しかし、そのページにiframeを配置すると、iFrame内のすべてがズーム可能ではなく、親ページのサイズに合わせて拡大縮小されます。

ページの残りの部分をいじることなく、iframe内でのみズームを許可するにはどうすればよいですか？

4

3 に答える 3

11

残念ながら、あなたが要求していることは不可能です。

まず、「ビューポート」メタタグで、「コンテンツ」属性は、Webサイトのユーザーがまったくズームできないことを指定しています。これが、「user-scalable=no」が指示するものです。

また、最大スケールと最小スケールは1に設定されているため、「user-scalable = no」を削除しても、ユーザーがズームインできるスケーリング範囲がないため、ズームは無効になります。

したがって、ユーザーのズームを有効にするには、user-scalable = noを削除し、異なる最小および最大スケール値を設定する必要があります。

'viewport'メタタグの設定をよりよく理解するには、次のリンクを参照してください。

https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html

次に、「ビューポート」メタタグが「親」ページに設定されているため、これらの設定はそのページ内のすべて、つまりiframeにも適用されます。iframeがその親の設定内に存在し、それに従うため、異なる設定を指定する異なるメタ'ビューポート'タグがあるかどうかは重要ではありません。

于 2013-10-01T09:05:14.340 に答える
4

これはjQueryを介して可能です。ズームとパンを許可するdivの外側でズームとパンを行う場合は、ズームとパンのイベントをバインドして何も実行しないようにします。次に、ズームとパンを許可するdivについて、「CSS3変換と行列関数」を使用してズームとパンを許可するPanzoomなどのプラグインを使用できます。

于 2014-04-29T14:49:12.520 に答える
0

iOSではズームが許可されていないため、これは不可能です。iFrameをスクロールするだけです。これはあなたが所有する外部サイトですか？その場合は、CSSコードを変更し、上部の質問のようにビューポートに追加します。
または、PHPを使用してデータをロードすることもできます。あなたは確かにあなたの問題の解決策を見つけるでしょう-そうでなければ、フォローアップの質問をしてください。

于 2012-12-05T19:02:13.423 に答える