CSS是前端開發的必備技能之一，掌握好CSS可以讓網站的展示更加美觀。今天我來介紹一下關于CSS在屏幕縮小時，div改變的知識。

在CSS中，可以通過media query（媒體查詢）來控制屏幕大小和設備類型。我們可以在CSS中編寫媒體查詢，然后在其中定義相應的樣式，以便在滿足查詢條件時應用這些樣式。

下面是一個例子:

@media only screen and (max-width: 600px) {
div {
background-color: yellow;
}
}

在上面的代碼中，我們創建了一個媒體查詢，它僅在屏幕寬度小于或等于600像素時應用樣式。在這個查詢中，我們選擇了一個div元素，并給它設置了背景顏色。當屏幕寬度小于或等于600像素時，這個div元素的背景顏色將變成黃色。

通過這種方法，我們可以根據瀏覽器的寬度大小來調整網站的布局，并使網站在不同的設備上都有一個優秀的展示效果。這個例子只是一個很簡單的示例，媒體查詢可以做的更多，包括隱藏和顯示元素、改變元素的大小和透明度等等。

總之，掌握CSS中的媒體查詢可以讓你更好地了解如何優化網站的展示效果，為用戶提供更好的體驗。希望這篇文章能夠對你有所幫助。