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

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

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

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

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