隨著移動設備（如智能手機和平板電腦）的日益普及，有一個新的挑戰誕生了：如何讓網站在不同大小的設備上呈現出良好的用戶體驗。這時，響應式設計就出現了。

在響應式設計中，JS和CSS都扮演重要角色。事實上，其中的某些特性是通過JS來實現。

// 檢測瀏覽器是否支持觸摸事件
var isTouchDevice = 'ontouchstart' in document.documentElement;
// 如果是移動設備，則隱藏某個元素
if (isTouchDevice) {
document.querySelector('.sidebar').classList.add('hidden');
}

CSS也為響應式設計提供了許多有用的功能。通過Media Queries，我們可以根據屏幕大小和方向來應用不同的樣式。

// 定義Media Queries
@media only screen and (max-width: 600px) {
body {
font-size: 14px;
}
}
@media only screen and (max-width: 400px) {
body {
font-size: 10px;
}
}

除了Media Queries，CSS還提供了一些其他的有用屬性，如max-width，min-width，flexbox和grid布局等。

總之，JS和CSS都是響應式設計中必不可少的部分。它們能夠實現諸如顯示/隱藏元素，調整字體大小和重新排列布局等功能，在不同大小的屏幕上提供更好的用戶體驗。