在開發響應式網站時，我們常常需要使用自定義的CSS來適應不同設備大小的屏幕。下面是一些基本的自定義響應式CSS技巧：

/* 隱藏某些元素 */
@media only screen and (max-width: 600px) {
body {
font-size: 14px;
}
/* 隱藏某些元素 */
.hide-on-small {
display: none;
}
}
/* 更改字體大小 */
@media only screen and (max-width: 768px) {
body {
font-size: 16px;
}
}
/* 更改媒體元素大小 */
@media only screen and (max-width: 992px) {
video, audio {
width: 100%;
}
}
/* 更改導航欄布局 */
@media only screen and (max-width: 1200px) {
.nav {
display: flex;
flex-wrap: wrap;
}
.nav-item {
width: 25%;
}
}

可以根據不同的屏幕大小，通過媒體查詢定制不同的CSS樣式。其中，@media指令用于定義不同的CSS規則，包括max-width和min-width兩個屬性，指定最大和最小屏幕尺寸。

通過自定義響應式CSS，我們可以輕松適應不同大小的設備屏幕，提供更好的用戶體驗。