CSS3的特性之一就是可以讓元素的長寬相等，這一特性在設計Web頁面時非常實用，因為長寬相等的元素可以達到一種整齊、簡潔的效果，同時也方便了響應式設計。

使用CSS3實現長寬相等的方法非常簡單，只需使用calc()函數即可。calc()函數可以進行數學運算，并且可以在width和height屬性中使用。

/* 計算長寬相等的元素 */
.equal{
width: calc(50% - 20px);
height: calc(50% - 20px);
}

上面的代碼會將一個元素的長寬都設為父元素的50%，并且在長度上減去20px，這樣就可以達到長寬相等的效果，因為減去的值是不同項，所以元素是正方形。

需要注意的是，在使用calc()函數時要記得使用px、em等單位，否則會有計算錯誤的風險。同時，在使用這一特性時也要注意瀏覽器的兼容性問題。