CSS中的“小于寬度重新定義”是一個非常有用的概念。在實際的開發中，我們會遇到這樣的需求，當屏幕寬度小于一定的尺寸時，重新定義某些元素的CSS樣式以適應小屏幕的顯示。這時就需要用到“小于寬度重新定義”的CSS技巧。

@media screen and (max-width: 767px) {
/* 當屏幕寬度小于767像素時，重新定義某些元素的CSS樣式 */
.my-class {
font-size: 16px;
padding: 10px;
}
}

在以上代碼中，我們使用@media查詢，判斷屏幕寬度是否小于767像素。如果小于，就重新定義樣式類.my-class的字體大小和內邊距。這樣在小屏幕上，.my-class樣式類就會有不同的表現。

使用“小于寬度重新定義”技巧，不僅可以適應不同分辨率的屏幕，還可以提高網頁的響應性能。因為在大屏幕上，不需要加載小屏幕的CSS樣式，可以有效減少頁面加載的時間。