CSS3在Web設計中有著廣泛的應用，其中一個實用的特性就是能夠使網頁元素縱向填滿屏幕，使頁面看起來更加美觀。

要實現這一效果，我們可以使用CSS3中的vh（視口高度）單位以及position屬性。首先定義一個具有100vh高度的容器元素，并使其position屬性為absolute，表示相對于父元素的絕對定位。

.container {
position: absolute;
height: 100vh;
width: 100%;
}

接下來，使用CSS3中的flexbox布局，將容器內的子元素垂直居中，并將伸縮項的高度設置為100%。這樣，每個子元素就能夠縱向填滿整個屏幕。

.container {
display: flex;
justify-content: center;
align-items: center;
}
.child {
height: 100%;
}

最后，為了確保容器元素始終縱向填滿屏幕，我們可以添加一個resize事件監聽器，對窗口大小變化作出響應，同時用JS獲取窗口高度并動態更新容器元素的高度。

window.addEventListener('resize', function() {
var windowHeight = window.innerHeight;
document.querySelector('.container').style.height = windowHeight + 'px';
});

這就是實現縱向填滿電腦屏幕的CSS3效果的方法。在網頁設計中，我們可以利用這一特性使頁面看起來更加美觀，也可以使用JS重新計算屏幕高度來動態調整布局，從而提高用戶體驗。