CSS是網頁設計必不可少的工具，可以用來調整網頁的樣式和布局。在移動設備普及的今天，網頁的適應性變得尤為重要，因為不同的設備尺寸和分辨率會對網頁的顯示造成影響。因此，如何讓網頁在不同設備上顯示居中成為了一個必須要面對的問題。

下面我們介紹幾種常用的CSS方法實現居中適應屏幕大小

/* 1.使用flexbox布局 */
.container {
display: flex;
align-items: center;
justify-content: center;
}
/* 2.使用position和transform */
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 3.使用table-cell和vertical-align */
.container {
display: table-cell;
vertical-align: middle;
text-align: center;
}

通過上述三種方法，我們可以輕松實現在不同設備上讓網頁居中顯示。值得注意的是，如果我們想讓整個頁面在不同設備上顯示居中，需要對html和body元素進行如下設置：

html, body {
height: 100%;
}
body {
display: flex;
align-items: center;
justify-content: center;
}

這樣設置之后，我們就可以讓整個頁面在不同設備上居中顯示了。