CSS 鎖定窗口比例是一種使用 CSS 控制頁面中元素的比例和尺寸的方法，能夠幫助我們更好地控制網(wǎng)頁的大小和布局。

當(dāng)使用 CSS 鎖定窗口比例時(shí)，我們可以設(shè)置元素的寬度和高度，使其與窗口的大小保持比例。這意味著，如果窗口的大小發(fā)生變化，元素的大小也會(huì)相應(yīng)地發(fā)生變化。

下面是一個(gè)使用 CSS 鎖定窗口比例的簡(jiǎn)單示例：

```html

```css

.container {

width: 100%;

height: 500px;

.child {

width: 50%;

height: 50%;

background-color: blue;

在這個(gè)示例中，`.container` 元素被設(shè)置為寬度為 100%，高度為 500px。`.child` 元素被設(shè)置為寬度為 50%，高度為 50%。這兩個(gè)元素的背景顏色將被設(shè)置為藍(lán)色。

當(dāng)瀏覽器窗口的大小發(fā)生變化時(shí)，`.container` 元素的寬度和高度將保持不變，而`.child` 元素的寬度和高度將按比例變化。例如，當(dāng)窗口縮小時(shí)，`.child` 元素的寬度將縮小為 250px，而`.container` 元素的寬度將保持不變。

使用 CSS 鎖定窗口比例可以節(jié)省開發(fā)時(shí)間和精力，同時(shí)也可以提高網(wǎng)頁的可讀性和美觀性。