在網(wǎng)頁設(shè)計中，我們通常會用到視頻資源來增加網(wǎng)頁的互動性和吸引力。然而，在網(wǎng)頁中制作視頻時，我們?yōu)榱俗屢曨l能夠呈現(xiàn)得更美觀，需要考慮視頻的大小比例問題。在這里，我將分享如何用 CSS 讓視頻一直等比例顯示。

.video {
position: relative;
padding-bottom: 56.25%;
/* 16:9 的比例 */
height: 0;
}
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

如上面的代碼所示，我們將視頻容器的高度設(shè)置為 0，使用 padding-bottom 屬性來占據(jù)視頻容器的高度。這里，我們使用 16:9 的比例，可根據(jù)需求修改。接下來，給視頻元素設(shè)置絕對定位，并將其 left 和 top 設(shè)置為 0，使其完全覆蓋視頻容器。將其寬度和高度均設(shè)置為 100%，即可保證視頻按比例縮放。

總而言之，在網(wǎng)頁設(shè)計中，視頻的大小比例問題很重要。通過上述 CSS 代碼，可以實現(xiàn)視頻一直等比例顯示，并讓網(wǎng)頁更加美觀。希望這篇文章對大家有所幫助。