現如今大多數的網站都使用CSS來進行頁面布局，其中一種重要的技術就是CSS自適應。CSS自適應可以讓網站在不同屏幕尺寸下都能完美地顯示。然而，CSS自適應也會引起一些后果，下面我們來一一探究：

@media screen and (max-width: 768px) {
.header {
padding: 20px;
}
.content {
font-size: 16px;
}
}

首先，CSS自適應可能會增加頁面加載時間。當頁面在不同屏幕下進行適應時，需要通過JavaScript或CSS來重新計算和調整布局，這會增加頁面的加載時間。為了盡量減少這種情況的發生，我們可以使用媒體查詢和最小化CSS文件的大小來優化頁面加載速度，如上述代碼。

其次，CSS自適應可能會引發一些顯示問題。不同的屏幕尺寸和設備具有不同的分辨率、像素密度等，這些差異可能會導致頁面上的元素在不同設備上顯示效果不同。為了解決這個問題，我們可以使用百分比布局、REM或EM單位等技術來適應不同屏幕尺寸。

最后，CSS自適應也會增加代碼的復雜性。在進行CSS自適應時，需要考慮多種設備和屏幕尺寸，而這些不同的情況都需要編寫相應的代碼。這會增加代碼的復雜性和維護成本。為了解決這個問題，我們可以使用CSS框架、預處理器、模板和工具等來簡化CSS自適應的開發。

綜上所述，CSS自適應是一種很好的技術，它可以讓網站在不同的設備和屏幕尺寸下都能完美地顯示。但同時，它也可能會引起一些負面的后果，如增加頁面加載時間、引發顯示問題以及增加代碼的復雜性。為了充分利用CSS自適應技術，我們應該積極優化頁面加載速度、使用適應不同屏幕尺寸的單位和技術、選擇適合的工具和框架來簡化開發工作。