CSS自適應的正方形是指可以自動調整大小的正方形，以適應不同大小的屏幕和設備。

.square{
width: 50%;
padding-bottom: 50%;
background-color: red;
}

上面的代碼將會創建一個正方形，它的寬度將會是它父元素寬度的50%，并且它的高度將會是它寬度的50%(即它的高度和寬度是相等的)，所以它就成為了一個正方形。

由于這個CSS代碼使用了百分比，所以正方形的大小是基于它的父元素的大小的。這意味著當你縮小或加大屏幕大小時，正方形的大小會自動適應，以便保持它的形狀。

如果你想使用這個CSS代碼創建一個具有特定尺寸的正方形，你可以將CSS代碼中的百分比替換為具體的數值。例如，如果你想創建一個100像素的正方形，你可以使用以下代碼：

.square{
width: 100px;
height: 100px;
background-color: red;
}

總之，CSS自適應的正方形是一種非常實用的設計技術，可以使你的網站更加美觀、易讀和易用。