在網頁制作中，CSS(Cascading Style Sheets)是一個非常重要的工具，它能夠幫助我們控制網頁的樣式和布局，使得網頁更加美觀和易于閱讀。而在不同的屏幕大小和設備上，CSS也能夠幫助我們適配不同的屏幕，讓網頁在不同的設備上看起來都很好。

首先，CSS提供了一系列的媒體查詢(Media Queries)，可以根據設備的屏幕大小、分辨率等信息來適配樣式。下面是一個例子：

@media screen and (max-width: 768px) {
body {
font-size: 16px;
}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
body {
font-size: 18px;
}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
body {
font-size: 20px;
}
}
@media screen and (min-width: 1200px) {
body {
font-size: 24px;
}
}

以上代碼定義了四個不同的媒體查詢，分別對應了不同的屏幕大小范圍，并且分別設置了不同的字體大小。這樣，在不同的屏幕上，用戶看到的字體大小都會是合適的。

除此之外，CSS還提供了一些常用的布局方式，可以適應不同的屏幕。例如，我們可以使用彈性盒子布局(Flexbox)或網格布局(Grid)來實現響應式布局。

下面是一個使用Flexbox實現水平居中的例子：

.container {
display: flex;
justify-content: center;
align-items: center;
}

上面的代碼將一個容器內的元素水平居中，并且垂直居中。這樣，在不同的屏幕上，元素都能夠保持水平居中的位置。

總之，在進行網頁制作時，我們需要使用CSS的媒體查詢和布局方式來適應不同的屏幕和設備。這樣，才能夠使網頁更加美觀和易于閱讀。