Zurb基金会：广告被切断

Question

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

的问题是，当我去到iPad宽度和网格重的大小。与下一张图片（设备广告）一样，广告的右侧边缘被切断。这是由于广告在iframe中投放。我怎样才能防止这一点？

我试图设置对广告的包装div来最小宽度300像素（广告是300像素）。我曾尝试将宽度设置为300px，其中包含广告尺寸，但右侧的8列块不会缩小以允许广告适合。

Answer 1

我假设你的iframe广告上设置了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将使它们保持响应。