隨著智能手機、平板電腦及各種觸屏設備的普及，越來越多的人傾向于使用移動設備上網。在這種情況下，網頁開發者需要考慮如何在各種大小的屏幕上展示相同的內容，這就需要使用響應式設計技術。

其中，CSS是實現響應式設計的重要工具之一。以下是一些實用的CSS技巧：

/*設置viewport，讓頁面能夠自適應不同大小的屏幕*//*設置基礎字體大小*/
html {
font-size: 16px;
}
@media screen and (max-width: 480px) {
html {
font-size: 14px;
}
}
/*使用百分比或rem作為單位，而不是固定值*/
.container {
width: 80%;
padding: 20px;
}
@media screen and (max-width: 768px){
.container {
width: 90%;
padding: 10px;
}
}
/*設置圖片為自適應寬度*/
img {
max-width: 100%;
height: auto;
}
/*使用@media查詢實現響應式布局*/
@media screen and (max-width: 768px){
.main {
width: 100%;
}
.sidebar {
display: none;
}
}

這些技巧可以幫助開發者更好地實現響應式設計，讓網頁能夠適應各種不同的屏幕大小，提高用戶體驗。