無論我嘗試什么，我都無法在我的網站上調整 iframe 的高度。我height="100%"在 CSS中嘗試過
iframe {
height: 100%;
}
鏈接到它和我的代碼（檢查） https://jandjcards.netlify.app/
uj5u.com熱心網友回復：
您是否嘗試過使用像 vh、vw 或 px 這樣的絕對單位？如果您使用百分比，則 iframe 的寬度和高度將取決于父元素。但是，使用其他相對單位將允許您正確更改元素的寬度和高度。
絕對測量單位：
- VH（相對于視口高度的 1%）
- VW（相對于視口寬度的 1%）
- PX（像素）
- REM（相對于根元素的字體大小）
第一個解決方案
嘗試包括這個：
iframe{
width: 20vw;
/* Use whichever unit you want except percentage */
}
如果你想了解更多關于絕對和相對 CSS 單位的資訊，我推薦你這個網站：
https://www.w3schools.com/CSSref/css_units.asp
第二種解決方案
如果您仍想使用百分比，則需要調整 iframe 的父元素的大小。基本上所有顯示為“塊”的元素都會盡可能地水平擴展自身，但會將其高度設定為內部的任何內容。因此，如果您使用百分比來調整 iframe 的大小，它將采用父元素的高度，這不是想法。
嘗試像這樣調整父元素的大小：
#container{
height: 10vw;
}
iframe{
height: 80%;
}
我希望這有幫助！
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/479680.html