在如今多種設備使用互聯網的時代，媒體自適應CSS已經成為了很多前端設計人員必須了解的技能。所謂媒體自適應CSS，簡單來說就是利用CSS媒體查詢技術，在不同設備下應用不同的CSS樣式，以使頁面兼容不同屏幕尺寸，從而提高用戶體驗。

使用媒體自適應CSS的好處在于，客戶端可以從多種不同的設備中任意地訪問網站和應用。這包括大屏幕臺式機，筆記本電腦，平板電腦和智能手機。如果沒有媒體自適應CSS，工作量會大大增加。設計師必須為不同的電腦尺寸配置單獨的CSS文件。這是非常麻煩和費時的，而且當新的設備出現時，必須重新配置。

@media only screen and (max-width: 768px) {
body {
font-size: 14px;
}
}

上面這段代碼表示，當設備的屏幕大小小于等于768像素時，頁面的主字體大小將會變成14像素。這是一種常見的響應式設計方式，將各個屏幕尺寸下的應用適配到不同設備中。

媒體自適應CSS是現代Web設計的必要技能。它可以改善網站和應用程序的用戶體驗，尤其對于移動設備用戶更加重要。對于那些想要在各種屏幕尺寸下提供一致體驗的人來說，媒體自適應CSS是一個重要的技能。