0

Zurb Foundation 3でかなり典型的なレイアウトを作成しています。これは、左側に8列（オービットスライダーを含む）、右側の広告（ "fluke"広告）に4列、広告の下のボックスの行です。 、デスクトップで正常に動作します：

デスクトップ

問題は、iPadの幅に移動すると、グリッドのサイズが変更されることです。次の画像（家電広告）のように、広告の右端が切り取られています。これは、広告がiframeで配信されているためです。どうすればこれを防ぐことができますか？

ipad

広告のラッピングdivを最小幅300px（広告は300px）に設定してみました。幅を300pxに設定してみましたが、これは広告サイズを保持しますが、右側の8列のブロックは、広告が収まるように縮小されません。

4

1 に答える 1

1

iframe 広告に width="" プロパティが設定されていると仮定しています。flexvideo を使用してフレームワークに iframe ビデオであることを伝えることで、ファンデーションをだまして広告コンテンツを流動的に保つことができます。

<div class="flex-video">
    <iframe width="420" height="315"
            src="../ads/yourfilenamehere.swf"
            frameborder="0"
            allowfullscreen>
    </iframe>
</div><!--/flex-video-->

このクラスを iframe の周りの div に追加すると、応答性が維持されます。

于 2013-04-10T14:35:33.347 に答える