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將使它們保持響應。