淘寶自適應(yīng)CSS技術(shù)是基于響應(yīng)式設(shè)計(jì)思想的網(wǎng)頁設(shè)計(jì)技術(shù)。其原理是通過媒體查詢技術(shù)，在不同的設(shè)備上為同一網(wǎng)頁設(shè)置不同的CSS樣式，實(shí)現(xiàn)在不同尺寸設(shè)備上自適應(yīng)的顯示效果。

例如：

@media screen and (max-width: 480px) {
/*在寬度小于等于480px的設(shè)備上生效*/
.box {
width: 100%; /*容器占據(jù)全屏*/
margin: 0; /*容器無邊框*/
}
.item {
width: 50%; /*列表項(xiàng)占據(jù)一半寬度*/
}
}

上述CSS代碼通過@media媒體查詢語句和max-width屬性確定了匹配的設(shè)備寬度，然后根據(jù)設(shè)備寬度，設(shè)置相應(yīng)的CSS樣式。在寬度小于等于480px的設(shè)備上，.box容器會占據(jù)全屏，而列表項(xiàng).item會占據(jù)一半寬度。

使用淘寶自適應(yīng)CSS技術(shù)，可以大大提高網(wǎng)站的用戶友好性和用戶體驗(yàn)，同時(shí)避免了為不同尺寸設(shè)備設(shè)計(jì)獨(dú)立的頁面的工作量。