css - Zurb 基金会 : ads being cut off

Question

我在 Zurb Foundation 3 中创建了一个相当典型的布局。这是一行，左边是八列(包含一个 Orbit slider )，然后是右边的广告(“fluke”广告)和盒子的 4 列在广告下方，在桌面上运行良好:

问题是当我转到 iPad 宽度并且网格重新调整大小时。广告的右边缘被切掉，如下图(电器广告)所示。这是由于在 iframe 中转换的广告。我怎样才能避免这种情况？

我尝试将广告上的包装 div 设置为最小宽度 300 像素(广告为 300 像素)。我曾尝试将宽度设置为 300 像素，它保持广告尺寸，但右侧的 8 列 block 不会缩小以适应广告。

Answer 1

我假设您在 iframed 广告上设置了 width=""属性。您可以通过告诉框架它是一个使用 flexvideo 的 iframed 视频来欺骗基础以保持您的广告内容流畅。

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

将此类添加到 iframe 周围的 div 将使它们保持响应。