原生響應(yīng)式css是指使用css3的Media Query媒體查詢來根據(jù)不同的屏幕尺寸（如手機、平板、電腦等）和設(shè)備類型（如橫屏、豎屏）來自動適應(yīng)頁面布局和樣式的一種技術(shù)。通過Media Query媒體查詢，我們可以設(shè)置不同的樣式規(guī)則，當頁面被打開時，瀏覽器會根據(jù)當前的設(shè)備信息自動加載對應(yīng)的樣式規(guī)則。

/* 在樣式表中使用Media Query實現(xiàn)不同屏幕的自適應(yīng) */
@media screen and (max-width: 767px) {
/* 當屏幕寬度小于等于 767px 時，應(yīng)用下面的樣式 */
body {
font-size: 14px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
/* 當屏幕寬度在 768px 和 991px 之間，應(yīng)用下面的樣式 */
body {
font-size: 16px;
}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
/* 當屏幕寬度在 992px 和 1199px 之間，應(yīng)用下面的樣式 */
body {
font-size: 18px;
}
}
@media screen and (min-width: 1200px) {
/* 當屏幕寬度大于等于 1200px 時，應(yīng)用下面的樣式 */
body {
font-size: 20px;
}
}

上述代碼使用了Media Query在不同屏幕尺寸下設(shè)置了不同的字號大小。這樣無論用戶使用什么設(shè)備打開網(wǎng)頁，頁面都能自動適應(yīng)，用戶可以獲得更加舒適的閱讀體驗。

除了字號大小，我們還可以使用Media Query來設(shè)置其他的樣式屬性，例如頁面的布局、顏色、背景圖等等。這些可以更好地滿足用戶的需求，讓用戶獲得更加友好和便捷的使用體驗。

總的來說，原生響應(yīng)式css是一種非常實用的技術(shù)，它可以幫助我們實現(xiàn)自適應(yīng)頁面布局和樣式，提升網(wǎng)站的用戶體驗。我們可以根據(jù)設(shè)備的屏幕尺寸等特征，設(shè)置不同的樣式規(guī)則，從而達到適應(yīng)不同設(shè)備的目的。