CSS3 vw和pc端如何使用？

在我們使用CSS3樣式的時候，有不少參數是基于相對尺寸來設置的，其中就包括 vw。vw就是屏幕的寬度，它等于視口的寬度，其中1vw等于視口寬度的1%。這個參數在響應式布局中非常有用，可以通過設置尺寸在不同的屏幕大小下自適應調整。但是，由于PC端屏幕尺寸較大，使用vw會讓元素過于巨大，因此我們可以使用pc端的尺寸單位——px或rem。

例如，我們希望在所有屏幕下，一個h1標題都顯示為屏幕寬度的40%，我們可以這樣設置CSS樣式：以上代碼中，我們使用了@media查詢，根據屏幕寬度的變化自適應調整h1標題的尺寸。這樣做可以讓頁面在不同的設備上呈現出更好的效果。