1

ヘッダーが固定されたレスポンシブ レイアウトを使用しています。ビューポート メタ タグを介してスケーリング (ズーム) が有効になっている場合、ヘッダーもズームするため、ユーザーがズームするとレイアウトが壊れる可能性があります。これは悪いことです。(現在のスケール設定に関係なく、ヘッダーだけをスケーリングせずにそのままにしておくことができればいいのにと思います)。とにかく、スケーリングを無効にする次のメタタグを使用しているのはそのためです。

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

私の目標は、ドキュメントのビューポート設定をオーバーライドする Facebook のようなある種のメディア ビューアーを実装することです。閉じると、すべてが正常に戻ります。スケーリング可能なドキュメントをロードする iframe を開こうとしましたが、親ドキュメントが iframe をオーバーライドしているようです。

参考までに、私はjqueryを使用しています。

4

1 に答える 1

1

jQueryでこれを行うことができることを発見しました:

var meta = $('meta[name=viewport]');
$(meta).attr('content', 'device-width, initial-scale=1, maximum-scale=5');

最初に元の設定を取得し、完了したらそれを復元するなど、もっと凝ったものにすることもできます。これを iOS 6 でテストしたところ、動作しました。他のデバイスではテストしていません。

于 2013-02-20T08:10:30.337 に答える