css + html：相對百分比？ （媒體查詢）

Question

嘿傢伙， 奇怪的情況，我沒有線索如何解決這個問題。

我試圖通過媒體查詢訪問響應式網站。嵌入的YouTube視頻shouls也響應佈局，因此我試圖將每個視頻設置爲100％並按比例計算其高度！

的結果是這樣的：

<p class="youtube-vid"> 
<object width="100%" height="61%"> 
<param name="movie" value="http://www.youtube.com/v/rBa5qp9sUOY?version=3"> 
<param name="allowFullScreen" value="true"> 
<param name="allowscriptaccess" value="always"> 
<embed src="http://www.youtube.com/v/rBa5qp9sUOY?version=3" type="application/x-shockwave-flash" width="100%" height="61%" allowscriptaccess="always" allowfullscreen="true"> 
</object> 
</p> 

所以原來這個視頻是由500像素306px從YouTube嵌入時。

問題是這個東西可能實際上工作，但我不知道百分比指的是哪裏。如果100％的寬度完全正確並且依賴於我的佈局61％的高度不正確。 61％是正確的數字，但它看起來不對，因爲它可能是某些外部容器的61％或某物。

任何想法我可以如何解決這個問題。我只想讓我的視頻100％與（現在是正確的 - 即使調整大小）和比例高度取決於視頻的原始值？

Answer 1

height和width分開計算並且與原始高寬比無關。嘗試只設置height="100%"和width根本沒有。我知道這適用於圖像以保持寬高比，但我不確定它是否也適用於對象。