2

携帯電話とタブレット用のページを提供しています。そこで広告を配信するために OpenX を使用しています。広告は、ページの幅である iframe にロードする必要があります。ブートストラップを使用しています。

私はこのコードで物事をテストしました:

<iframe src='http://www.cnn.com' width=100% height=120px scrolling='no'></iframe>

これにより、ブラウザー ウィンドウとまったく同じ幅の iframe が作成されます。問題は、これを iPhone で開くと、iframe がロードされたウィンドウのサイズに再スケーリングされることです。これは非常に望ましくない動作です。デスクトップではできず、iPhone でのみ実行されます。他のスマートフォンではまだテストしていません。

基本的に私が探しているのは、画面と同じ幅 (100%) で、より大きなページを読み込んだときに再スケーリングされない iframe です

4

1 に答える 1

3

これを制御するためのビューポート メタ タグを探していると思います。これを完全に説明するリファレンスは次のとおりです: https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

基本的に、このコードを頭に落としたいと思います： <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

于 2012-04-11T13:26:05.107 に答える