CSS3是前端開發中非常重要的技術，它為網頁設計師提供豐富多彩的樣式選擇，其中有一種樣式是固定寬高變形。

.box {
width: 200px; /* 設置寬度為200像素 */
height: 100px; /* 設置高度為100像素 */
transform: skewX(20deg); /* 水平方向傾斜20度 */
}

可以看到，在.box類中，通過設置寬度和高度為200px和100px，使其具有固定的尺寸。同時，使用transform屬性將其水平方向傾斜20度，實現了變形的效果。

此外，還可以通過其他transform屬性實現更加豐富的變形效果，比如傾斜、旋轉、縮放等。

.box {
width: 200px; /* 設置寬度為200像素 */
height: 100px; /* 設置高度為100像素 */
transform: rotate(45deg) scale(1.5, 1); /* 旋轉45度并在水平方向上放大1.5倍 */
}

以上代碼中，以rotate屬性實現旋轉45度，再以scale屬性在水平方向上放大1.5倍，從而實現多種變形效果的疊加。

總之，CSS3提供了豐富的變形屬性，可以為設計師提供更多更靈活的樣式選擇，使網頁設計更加多彩豐富。