CSS是前端開發中一個重要的技術，可以用于定義網站的樣式、布局、字體和顏色等。其中，自適應屏幕寬度和高度是最基本的要求之一，使得網站可以適配各種顯示設備，并能夠自動調整網頁的布局和樣式。

/* CSS樣式表 */
body {
font-size: 16px;
max-width: 100%;
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
@media(max-width: 768px) {
/* 屏幕寬度小于768px時，應用以下CSS規則 */
body {
font-size: 14px;
}
}

在上面的代碼中，通過設置元素的max-width屬性為100%，可以使網頁在屏幕寬度變化時自動適應，并通過設置overflow-x屬性為hidden，可在窗口縮小時隱藏水平滾動條。

而對于包含圖片元素，通過將max-width屬性設置為100%，可以使圖片在桌面和移動設備上均自適應寬度，并通過設置height屬性為auto，可按比例調整高度，保持原圖縱橫比。

最后，在使用媒體查詢@media規則時，可以設置不同的CSS樣式，使得頁面在不同屏幕尺寸下呈現不同的效果，例如在窄屏幕手機上隱藏一些頁面元素，同時調整字體大小等。