我試圖在ZURB Foundation Section（又名標籤）中添加Vimeo視頻。整個<section>是響應式的，所以標籤中的視頻也應該如此。爲了使視頻播放器響應我使用基金會的內置Flex Video。ZURB基金會 - 在部分中使用Flex視頻
當帶有視頻的部分打開時，<section>的高度爲零（或接近零）。我試圖使用reflow方法，但沒有運氣與該路線。
有沒有辦法重新繪製<section>，或者它的部分已打開後的內容？
這裏的問題進行的jsfiddle - http://jsfiddle.net/brettdewoody/8KKGS/
夥計們這是我提出的一個問題。我相信基金會應用風格的方式不是最好的方法。
這是由於padding-bottom = 0被應用到節中的最後一個元素造成的。
.flex-video {
padding-bottom: 67.5% !important;
}
有一個拉請求這裏的永久修復： https://github.com/zurb/foundation/issues/2412
和問題，我提出了在這裏討論的問題的填充您可以把這個在您的.scss某處覆蓋它現在： https://github.com/zurb/foundation/issues/2502
希望這會有所幫助
一些修修補補，我發現一個黑客後 - 使用圖像佔位符保持正確的尺寸ISH的解決方案。一個警告是圖像必須與視頻具有相同（或幾乎相同）的比例。不完美，但它的工作原理。
我也必須稍微改變<section>的HTML，但沒有什麼大不了。
這是JSFiddle showing the solution。
希望它能幫助某個人。