CSS 可以幫助我們操作頁面元素的樣式，使網頁看起來更加美觀和易于閱讀。其中一項很實用的特性是鎖定元素的長寬比。在有些情況下，我們需要讓元素的大小比例固定，而不是隨著瀏覽器窗口的大小而改變。

/* 鎖定長寬比 */
.element {
position: relative;
width: 100%;
padding-top: 56.25%; /* 高度為寬度的 16:9 */
}
.element iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

上面的代碼是一種常見的實現方式，通過設置元素的 padding-top 屬性來實現長寬比鎖定。其中，padding-top 值為元素寬度的百分比，具體值根據需要鎖定的長寬比不同而調整。比如，上面的代碼鎖定了一個 16:9 的寬高比，因此 padding-top 的值為 56.25%（9除以16，乘以100）。

為了讓元素的內容能夠填充整個區域，我們需要使用絕對定位并設置 top、left、width、height 等屬性。在上面的代碼中，iframe 元素的位置和大小就是根據這些屬性計算得出的。

這種方法在應用于視頻、廣告等嵌入型元素時特別有用。如果你需要將一個元素的長寬比固定在某個值上，可以嘗試使用這種方法，讓元素更加美觀。