在前端開發中，CSS 是控制頁面布局、樣式的重要工具之一。為了讓網頁的內容能夠適應不同的屏幕尺寸，我們需要使用 CSS 提供的一些技巧。

下面我們來看看如何使用 CSS 控制網頁內容的自適應。

/* 設置屏幕寬度自適應 */
body {
width: 100%;
}
/* 設置字體大小自適應 */
@media (max-width: 768px) {
body {
font-size: 12px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
body {
font-size: 14px;
}
}
@media (min-width: 992px) {
body {
font-size: 16px;
}
}
/* 設置圖片自適應 */
img {
max-width: 100%;
height: auto;
}

以上代碼中，我們使用了 @media 查詢來控制不同屏幕尺寸的字體大小，通過設置 body 元素的寬度為 100%，實現網頁內容的自適應。此外，通過設置圖片的最大寬度為 100%，保證圖片能夠適應不同屏幕尺寸。

值得注意的是，除了上面的代碼之外，我們還可以使用 flexbox、grid 等 CSS 技術來實現自適應布局，具體實現方式可以根據具體需求進行調整。