隨著科技的不斷發展，顯示器的分辨率也越來越高，但在實際應用中我們仍然需要考慮兼容低分辨率的設備，特別是 1024 分辨率以下的設備，因為這部分用戶仍然在市場占有較大的比例。

@media screen and (max-width: 1024px) {
/* 在 1024 分辨率以下生效 */
body {
font-size: 14px;
}
/* 其他樣式省略 */
}

通過使用 CSS 中的媒體查詢，我們可以根據設備的分辨率來設置不同的樣式，從而實現對低分辨率設備的兼容。在上面的示例中，我們設置了 body 的字體大小為 14px ，這樣在 1024 分辨率以下的設備中，頁面的字體大小就會適當縮小，以適應較小的屏幕。

除了設置字體大小之外，我們還可以通過設置頁面寬度、圖片大小等方式來適應不同分辨率的設備。在編寫 CSS 代碼時，我們應該注意遵循“漸進增強”的原則，盡量保證頁面的基本功能和內容對低分辨率設備的兼容性。

總之，在設計和開發網站時，我們應該考慮到不同分辨率的設備，盡量實現頁面的兼容性，并通過測試和調試來驗證其在各種環境中的表現。