自適應加載CSS是指根據用戶設備的屏幕尺寸和分辨率，自動選擇合適的CSS樣式表加載，以達到最佳的頁面顯示效果。比如，在PC端訪問同一網頁和在移動設備訪問時，因為屏幕尺寸和分辨率的不同，我們需要加載不同的CSS樣式表以適配不同的設備。

為了實現自適應加載CSS，我們可以使用media queries和viewport等技術。Media queries是指通過針對不同屏幕尺寸、分辨率或媒體類型設置相應的CSS規則，以在不同設備上實現最佳布局效果的技術。Viewport是指瀏覽器的可視區域，在移動設備上，Viewport的寬度比PC寬度要小，因此我們需要針對Viewport設置CSS樣式表以適配移動設備。

/* PC端CSS樣式 */
@media screen and (min-width: 980px){
/* 頁面布局及樣式 */
}
/* iPad橫屏CSS樣式 */
@media screen and (min-width: 768px) and (max-width: 979px) and (orientation: landscape){
/* 頁面布局及樣式 */
}
/* iPad豎屏CSS樣式 */
@media screen and (min-width: 768px) and (max-width: 979px) and (orientation: portrait){
/* 頁面布局及樣式 */
}
/* iPhone4及以下CSS樣式 */
@media screen and (max-width: 480px){
/* 頁面布局及樣式 */
}
/* iPhone5及以上CSS樣式 */
@media screen and (min-width: 568px){
/* 頁面布局及樣式 */
}
/* viewport設置 */

通過以上代碼，我們可以實現不同設備的自適應加載CSS樣式表，讓頁面達到最佳效果。