CSS是一種用來為網(wǎng)頁添加樣式的語言。其中有一種樣式屬性叫做viewport，它可以設(shè)置網(wǎng)頁顯示的大小。使用viewport，我們可以給手機(jī)屏幕設(shè)置一個(gè)特定的寬度和高度，讓網(wǎng)頁顯示更加適合移動(dòng)端的屏幕。

/* 設(shè)置viewport *//* 這里的width=device-width表示viewport的寬度等于設(shè)備的寬度，initial-scale=1.0表示初始縮放比例為1，maximum-scale=1.0表示最大縮放比例為1，user-scalable=0表示用戶不能對網(wǎng)頁縮放*/

在viewport中設(shè)置了width=device-width后，就可以使用百分比來設(shè)置網(wǎng)頁的寬度了。例如，如果我們想讓網(wǎng)頁的寬度占到整個(gè)屏幕的90%，可以這樣寫：

/* 設(shè)置網(wǎng)頁寬度占屏幕的90% */
body {
width: 90%;
margin: auto;
}

同時(shí)，我們也可以使用媒體查詢來根據(jù)不同設(shè)備的寬度和高度，為網(wǎng)頁設(shè)置不同的樣式。例如，如果我們要針對屏幕寬度小于500像素的設(shè)備，設(shè)置網(wǎng)頁字體大小為16像素：

/* 設(shè)置屏幕寬度小于500像素的設(shè)備的字體大小為16像素 */
@media screen and (max-width: 500px) {
body {
font-size: 16px;
}
}

通過這些設(shè)置，我們可以更好地適配不同的移動(dòng)設(shè)備，讓網(wǎng)頁顯示更加美觀和合理。