純CSS怎么寫自適應(yīng)？

純CSS自適應(yīng)是一種利用CSS技術(shù)，使網(wǎng)頁在不同設(shè)備和瀏覽器窗口大小上都能正常顯示和使用的技術(shù)，下面是一些實現(xiàn)純CSS自適應(yīng)的方法：

1、使用百分比寬度和高度：在CSS中，可以使用百分比來定義元素的寬度和高度，這樣元素就可以根據(jù)其父元素的大小自動調(diào)整。

2、使用媒體查詢：媒體查詢是一種CSS3技術(shù)，可以根據(jù)設(shè)備的不同特性（如屏幕大小、分辨率等）來應(yīng)用不同的樣式，通過媒體查詢，可以為不同的設(shè)備設(shè)置不同的樣式，從而實現(xiàn)自適應(yīng)。

3、使用flexbox布局：flexbox是一種CSS布局技術(shù)，可以輕松地創(chuàng)建復雜的布局結(jié)構(gòu)，通過flexbox，可以將元素排列成行或列，并且可以輕松地調(diào)整元素的大小和位置，從而實現(xiàn)自適應(yīng)。

4、使用grid布局：grid布局是一種CSS布局技術(shù)，可以將元素排列成網(wǎng)格，通過grid布局，可以輕松地控制元素的位置和大小，從而實現(xiàn)自適應(yīng)。

純CSS自適應(yīng)是一種利用CSS技術(shù)來實現(xiàn)網(wǎng)頁在不同設(shè)備和瀏覽器窗口大小上都能正常顯示和使用的方法，通過百分比寬度和高度、媒體查詢、flexbox布局和grid布局等技術(shù)，可以實現(xiàn)純CSS自適應(yīng)。