CSS3帶來了許多新特性，其中之一就是固定寬高比。在過去，我們往往需要使用JavaScript或者類似的技術(shù)來實現(xiàn)固定寬高比，但是現(xiàn)在可以使用CSS3來輕松地實現(xiàn)。

如下是一個使用固定寬高比的例子：

.container{
width: 300px;
height: 0;
padding-bottom: 75%; /* 4:3 aspect ratio */
position: relative;
}
.container div{
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

在這個例子中，“.container”元素是一個含有寬高比例的父容器。通過設(shè)置“padding-bottom”屬性，我們可以實現(xiàn)一個50%寬，100%高的元素。在這個例子中，我們設(shè)置“padding-bottom: 75%”來實現(xiàn)一個4:3的寬高比例。

接下來，在父容器內(nèi)我們創(chuàng)建一個絕對定位的子容器。這個子容器將占據(jù)父容器的全部空間，從而填充并顯示我們的內(nèi)容。通過這種方法，我們可以使子容器的長寬隨父容器的長寬改變而改變，維持著相同的寬高比。

總的來說，使用CSS3的固定寬高比技術(shù)是一個非常方便和有效的方法來控制網(wǎng)頁元素的大小和形狀。這種方法可以減少我們需要的JavaScript代碼，并且可以更加輕松地實現(xiàn)網(wǎng)頁的響應(yīng)式布局。