在前端開發中，樣式表兼容性一直是一個比較頭疼的問題，不同的瀏覽器對CSS的解析有所不同，可能會導致頁面呈現效果的差異。

為了解決這個問題，我們可以使用Less來生成兼容性的CSS代碼。

.box {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}

如上面的代碼，我們使用了標準的“border-radius”屬性來設置元素的圓角效果，同時為了兼容webkit和moz內核的瀏覽器，也分別使用了“-webkit-border-radius”和“-moz-border-radius”屬性。

但是，如果我們的CSS代碼比較多，手動添加兼容性代碼就顯得非常瑣碎，效率也不高。這時候Less的mixin功能就可以為我們解決煩惱。

.border-radius(@radius) {
border-radius: @radius;
-webkit-border-radius: @radius;
-moz-border-radius: @radius;
}
.box {
.border-radius(5px);
}

如上面的代碼，我們定義了一個“.border-radius” mixin，該mixin接收一個“@radius”參數，并生成對應的圓角兼容性代碼。然后，在“.box”選擇器中調用該mixin即可。

這樣，我們就可以省去手動添加兼容性代碼的麻煩，同時也可以使我們的CSS代碼更加規范化、易于維護。