CSS寬等比例縮放是一種使用CSS控制元素大小的方法，可以根據元素的寬高比例縮放元素的大小。這種功能通常用于創建動態效果和響應式設計。

在CSS中，使用“@media”語句可以控制元素的樣式，并在特定的設備上應用樣式。在這種情況下，我們可以根據設備的屏幕尺寸來設置元素的寬高。如果我們希望元素按寬高比例縮放，我們可以使用“transform”屬性和“scale”值。

下面是一個使用CSS寬等比例縮放的例子：

.container {

width: 800px;

height: 600px;

margin: 0 auto;

padding: 10px;

background-color: blue;

.container:hover {

transform: scale(1.2);

在這個例子中，我們使用“width: 800px; height: 600px;”來定義容器元素的寬度和高度。然后，我們在“margin: 0 auto;”和“padding: 10px;”中添加元素的背景色和一些邊距。最后，我們在“:hover”偽類中添加一個hover狀態，以便在鼠標懸停時應用樣式。

使用CSS寬等比例縮放可以實現許多有用的功能，例如創建動態效果、響應式設計和適應不同屏幕尺寸。