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

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

下面是一個例子:

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

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

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

總之，掌握CSS中的媒體查詢可以讓你更好地了解如何優(yōu)化網(wǎng)站的展示效果，為用戶提供更好的體驗(yàn)。希望這篇文章能夠?qū)δ阌兴鶐椭?/p>