0

我在 Zurb Foundation 3 中创建了一个相当典型的布局。这是一行，左侧有 8 列（包含一个轨道滑块），右侧有 4 列广告（“侥幸”广告）和广告下方的框，在桌面上运行良好：

桌面

问题是当我去 iPad 宽度和网格重新调整大小时。广告的右边缘被切断，如下图所示（电器广告）。这是由于在 iframe 中投放的广告。我怎样才能防止这种情况？

平板电脑

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

4

1 回答 1

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 将使它们保持响应。

于 2013-04-10T14:35:33.347 回答