CSS屏幕小于400怎么寫？

在CSS中，我們可以使用媒體查詢（Media Queries）來編寫針對屏幕寬度小于400px的樣式，這樣，當(dāng)屏幕寬度小于400px時，瀏覽器會應(yīng)用這些樣式，從而確保網(wǎng)頁在各種設(shè)備上都能良好地顯示。

以下是一個簡單的示例，展示了如何為屏幕寬度小于400px的設(shè)備編寫CSS樣式：

@media (max-width: 399px) {
    body {
        background-color: lightblue;
    }
    h1 {
        font-size: 24px;
    }
    p {
        font-size: 16px;
    }
}

在這個示例中，我們使用了@media規(guī)則來定義媒體查詢。max-width: 399px表示這個查詢適用于屏幕寬度小于或等于399px的設(shè)備，我們定義了body、h1和p元素的樣式，這些樣式會在滿足媒體查詢條件時應(yīng)用。

你可以根據(jù)自己的需求，編寫更復(fù)雜的樣式來適應(yīng)屏幕寬度小于400px的設(shè)備，你可以調(diào)整布局、顏色、字體大小等屬性，以確保網(wǎng)頁在各種設(shè)備上都能良好地顯示。