隨著移動設備的普及，越來越多的網站需要適應不同的屏幕尺寸。CSS中的自適應技術便是一個重要的解決方案。

CSS自適應可以讓網頁在不同顯示器上能夠友好的展示。而北京的創業公司也普遍采用這種技術，以適應不同屏幕的用戶，提供更好地用戶體驗。

@media screen and (max-width: 768px) {  /*如果是小于等于768px的設備，就執行這里的代碼*/ 
.container{
width:100%;
margin:0 auto;
}
.banner{
background-size:100% auto;
}
.nav{
display:none;
}
}
@media screen and (min-width: 768px) {  /*如果是大于等于768px的設備，就執行這里的代碼*/
.container{
width:768px;
margin:0 auto;
}
.banner{
background-size:cover;
}
.nav{
display:block;
}
}

上述代碼是一個CSS自適應的例子，使用@media查詢，在不同的屏幕尺寸（例如小于等于768px或大于等于768px）是對不同的頁面元素進行定義。通過這種方式，在不同的設備上頁面能夠自適應的呈現，保證用戶獲得更好的瀏覽體驗。