為了讓網站能夠適應不同屏幕尺寸，我們需要用到div css。在編寫CSS代碼時，我們可以使用CSS的 @media 規則來設置不同的風格樣式。

使用@media規則，可以指定不同的CSS樣式，以配合不同的輸出設備。下面是一個簡單的例子：

/*默認樣式*/
div {
background-color: blue;
}
/*當屏幕寬度小于800px時，改變背景顏色*/
@media (max-width: 800px) {
div {
background-color: red;
}
}

在這個例子中，當瀏覽器的屏幕寬度小于800像素時，div元素的背景顏色將變為紅色。否則，它將保持默認的藍色背景。

除了設備寬度，您還可以使用其他CSS屬性（如屏幕方向或分辨率）來定義媒體查詢。

通過使用媒體查詢，我們可以輕松地為不同的屏幕尺寸和設備創建響應式設計，這是開發現代網站不可或缺的重要工具。