iframe 可將 width 及 height 屬性都設定成 100%,但就是無法讓嵌入的 YouTube 影片可自動適應網頁大小,究其原因在於其父容器,換句話說,將 iframe 的 width 及 height 屬性都設定成 100% 沒錯,但如果仍無法讓影片自動適應網頁大小的變化,那麼,問題就出現在包裹 iframe 的 HTML 元素,iframe 元素的寬度和高度會依賴其父容器的寬度和高度,所以父容器也須有明確的寬度和高度設定,否則 iframe 的 100% 設定將無效。
閱讀全文