CSS3是一種通過CSS語言來完成網頁樣式設計的技術，其為網頁布局、字體、顏色和其它視覺效果提供了更多的選擇。在CSS3中，寬高百分比是一種非常方便的用來控制元素大小的方式，可以幫助實現響應式網頁設計。

div {
width: 80%;
height: 50%;
}

如上所示代碼，表示一個元素的寬度為父級容器的80%，高度為父級容器的50%。這種方式可以使元素隨著父級容器大小的變化而自適應。例如，當父級容器的寬度變化時，元素也會隨之變化，從而保證頁面布局的靈活性。

需要注意的是，百分比值的基準點通常是父級容器的寬度和高度，而非元素本身的寬度和高度。因此，在使用百分比控制元素大小時，需要對父級容器的大小進行認真的設計和調整。

.container {
width: 1000px;
height: 500px;
}
.box {
width: 50%;
height: 80%;
}

如上所示代碼，在一個容器中，通過對容器寬度和高度進行設置，然后設置元素的寬度為容器寬度的50%，高度為容器高度的80%。這樣，元素的大小將隨著容器的大小變化而自適應，并且與容器大小的比例保持恒定。

總之，通過CSS3中的寬高百分比，我們可以輕松實現響應式網頁設計，使得頁面根據不同的設備和屏幕大小做出自適應調整，提升用戶的交互體驗和使用效果。