在 CSS 中，我們通常使用 `width: 100%; height: 100%` 來設置容器的寬和高相等。這種方法可以讓容器具有固定的寬度和高度，而不會受到其他元素的寬高影響。

然而，有時候我們可能需要讓容器的寬等于高，以便在布局中使用固定的網格系統。在這種情況下，我們可以使用 `width: 自適應； height: 自適應` 來設置容器的寬和高自適應于其內容。

具體來說，`width: 自適應； height: 自適應` 設置容器的寬度為容器內容的寬度，高度為容器內容的高度。這意味著容器將自動調整其寬度和高度以適應其內容。

例如，如果我們將一個容器設置為 `width: 80%; height: 60%`，它將具有 80% 的寬度和 60% 的高度，并且將根據內容的寬度自動調整其寬度。如果我們將容器設置為 `width: 100%; height: 100%`，它將具有固定的寬度和高度，但將無法使用固定的網格系統。

需要注意的是，使用 `width: 自適應； height: 自適應` 時，容器的高度將不會自動調整，因為寬度已經設置為容器內容的寬度。如果需要自動調整容器的高度，可以使用 `width: 100%; height: auto;` 或者 `height: 100%; auto;`。

總之，`width: 100%; height: 100%` 可以讓容器具有固定的寬度和高度，但可以使用固定的網格系統；而 `width: 自適應； height: 自適應` 可以讓容器自適應于其內容，但無法使用固定的網格系統。