Zurb基金会:广告被切断

Question

我在Zurb Foundation 3中创建了一个相当典型的布局。这里有一行，8列左侧(包含一个动态观察滑块)，然后4列右侧的广告("fluke“广告)和广告下方的方框，它在桌面上运行良好：

​

​

问题是当我转到iPad width时，网格会重新调整大小。广告的右边缘被截断，如下图(电器广告)所示。这是由于在iframes中提供的广告。我如何防止这种情况发生？

​

​

我已经尝试在广告上设置一个包装div到最小宽度300px (广告是300px)。我试着将宽度设置为300px，它保持了广告的大小，但是右边的8栏块并没有减小到适合广告的大小。

Answer 1

我假设您在iframed广告上设置了width="“属性。你可以欺骗foundation让你的广告内容保持流畅，方法是告诉框架它是一个使用flexvideo的iframed视频。

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

将这个类添加到iframe周围的div中将使它们保持响应性。