CSS小于分辨率是一個用于響應式設計的技術術語。它是指當瀏覽器的寬度小于特定寬度（以像素為單位）時，CSS將被激活。

@media (max-width: 768px) {
/*在小于或等于 768 像素時應用此樣式*/
body {
font-size: 16px;
}
.box {
width: 100%;
}
}

上面的代碼意思是：在瀏覽器寬度小于或等于768像素時，應用此樣式。在這里，我們可以看到使用了 `@media` 查詢來描述樣式規(guī)則。

在實際開發(fā)中， `

` 標簽可以很好地顯示代碼，也很適合用于向讀者展示代碼。 另外，我們還可以使用 `em` 或 `rem` 單位來實現根據分辨率大小調整字體大小，以適應不同的設備。
@media (max-width: 768px) {
/*在小于或等于 768 像素時應用此樣式*/
body {
font-size: 1em;
}
}
@media (max-width: 414px) {
/*在小于或等于 414 像素時應用此樣式*/
body {
font-size: 0.8rem;
}
}
當瀏覽器變?yōu)轫憫綍r，我們需要仔細考慮使用 CSS 的方法。我們必須為不同的設備、屏幕尺寸和分辨率考慮不同的樣式規(guī)則。這是確保我們的站點在所有設備上都能夠正常運行的關鍵。使用 CSS 小于分辨率技術，可以使網站或應用程序在不同的設備上呈現出一致的外觀和行為。