CSS中，我們可以通過設(shè)置transform屬性來實現(xiàn)元素的放大和縮小，如果你想要只放大寬度而不影響高度，那么你可以使用scaleX()函數(shù)來實現(xiàn)，下面是一個具體的例子：

.container {
    transform-origin: left;
    transition: all 0.3s ease;
}
.container:hover {
    transform: scaleX(2);
}

在這個例子中，我們定義了一個名為.container的類，它包含了一個元素，當(dāng)鼠標(biāo)懸停在這個元素上時，元素的寬度會放大到原來的2倍，而高度則保持不變。transform-origin: left;屬性指定了放大的基準(zhǔn)點(diǎn)為元素的左側(cè)，這樣可以確保元素在放大時不會影響到其他元素的位置。transition: all 0.3s ease;屬性則定義了一個過渡效果，使得放大過程更加平滑。

如果你想要對多個元素進(jìn)行類似的放大操作，那么你可以給每個元素都添加.container類，并根據(jù)需要調(diào)整transform: scaleX(2);中的數(shù)值來控制放大的倍數(shù)，你也可以使用JavaScript來動態(tài)地控制元素的放大和縮小操作。

CSS中的transform屬性和scaleX()函數(shù)可以幫助我們實現(xiàn)只放大寬度而不影響高度的效果，通過合理地運(yùn)用這些屬性，我們可以打造出更加豐富多彩的網(wǎng)頁交互效果。