在編寫網頁時，我們經常會使用CSS來設置網頁的樣式，其中包括網頁中的字體、顏色、布局、大小等等。在使用CSS時，我們通常會用到像素、em、rem等單位來描述元素的尺寸。而問題來了，網頁CSS都要用百分比嗎？

答案是不一定。雖然使用百分比可以確保元素的尺寸和屏幕進行相應的縮放，但并不是所有情況下都需要使用百分比作為單位。

下面詳細介紹一些常見情況下，應該使用百分比或是其他單位的情況：

//1.視口單位
@media only screen and (max-width: 600px) {
body {
font-size: 16px;
}
}
@media only screen and (max-width: 360px) {
body {
font-size: 14px;
}
}
//2.響應式布局
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
//3.表格布局
table {
width: 100%;
border-collapse: collapse;
}
//4.圖像布局
img {
width: 100%;
height: auto;
}
//5.百分比布局
.container {
width: 50%;
margin: 0 auto;
}
.container div {
width: 50%;
float: left;
}
//6.縮放布局
.container {
height: 100vh;
background: linear-gradient(to right bottom, #f58634, #f5b17a);
display: flex;
justify-content: center;
align-items: center;
}
.container div {
width: 50%;
height: 70%;
background: #fff;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
}

總之，在使用CSS時，我們需要根據實際情況來決定要使用何種單位，百分比并不是萬能的，但在某些情況下使用它確實會讓我們的網頁更加優美。希望本文能幫助您更好地使用CSS來設置網頁樣式。