CSS3的column-scalebug屬性可以控制多列布局中的列寬度。使用column-scalebug可以使得多列布局更為靈活，便于適應(yīng)不同的瀏覽器和設(shè)備。

.column-container {
column-count: 3;
column-gap: 20px;
column-scalebug: 1;
}

上面的代碼中，column-count表示需要分成的列數(shù)，column-gap表示列與列之間的間距，而column-scalebug就是實(shí)現(xiàn)列寬自適應(yīng)的關(guān)鍵。如果設(shè)置為1，則每一列的寬度會基于瀏覽器窗口大小自適應(yīng)調(diào)整，如果設(shè)置為0，則每一列的寬度會固定為column-width屬性設(shè)置的數(shù)值。

需要注意的是，column-scalebug屬性在一些老舊的瀏覽器中可能會不被支持，因此需要在使用之前進(jìn)行相應(yīng)的檢測和兼容處理。

/* 檢測是否支持column-scalebug */
if ('columnScalebug' in document.body.style) {
/* 兼容處理 */
document.body.style.width = '100%';
document.body.style.overflow = 'hidden';
document.body.style.columnCount = '3';
document.body.style.columnGap = '20px';
document.body.style.columnScalebug = '1';
} else {
/* 不支持column-scalebug，使用其他方式布局 */
document.body.style.width = '100%';
document.body.style.float = 'left';
document.body.style.width = '32%';
document.body.style.marginRight = '2%';
}

以上代碼可以在檢測到不支持column-scalebug的時候，自動使用其他方式進(jìn)行多列布局。比如，float+width的方式可以在較老的瀏覽器中進(jìn)行兼容。