CSS自定義窗口大小是一種非常實用的技術，可以在不同的情境下幫助我們更好地優化網頁的顯示效果。下面我們就來詳細了解一下CSS自定義窗口大小的具體方法。

要實現CSS自定義窗口大小，我們需要用到如下代碼：

html {
height: 100%;
}
body {
height: 100%;
width: 100%;
}
div {
height: 50%;
width: 50%;
background-color: grey;
}

在上述代碼中，我們先通過html和body標簽將整個網頁的高度和寬度設為100%。這樣可以確保我們的網頁能夠充滿整個瀏覽器窗口。

接下來，我們在一個div標簽里面設置一個高度和寬度為50%的矩形，并設置其背景色為灰色。這樣，我們就可以看到這個矩形正好占據了瀏覽器窗口的一半大小。

需要注意的是，CSS自定義窗口大小的代碼在不同的瀏覽器中可能存在一些兼容性問題。因此，在使用這種技術時，我們一定要做好充分的測試工作，以確保網頁能夠在各種瀏覽器中正常顯示。

最后，我們可以看到在瀏覽器窗口大小變化的情況下，矩形的大小也會隨之改變，這也是CSS自定義窗口大小的一個非常實用的特性。