Zurb基金会：广告被切断

Question

我在Zurb Foundation 3中创建了一个相当典型的布局。这是一行，左边有八列（包含一个Orbit滑块），右边是广告的4列（“fluke”广告）和框广告下方，在桌面上正常工作：

问题是当我转到iPad宽度并且网格重新调整尺寸时。广告的右边缘会被切断，如下一张图片（家电广告）中所示。这是因为广告在iframe中投放。我该如何防止这种情况？

我尝试将广告上的包装div设置为最小宽度为300px（广告为300px）。我曾尝试将宽度设置为300px，这样可以保留广告尺寸，但是右边的8列广告块不会缩小以允许广告适应。

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会让他们保持响应。