如何讓 div 維持正方形

如何讓 div維持正方形

利用padding可以吃 width % 的值去推開
這樣寬高就會有相同的依據

EX:
width: 50%;
height: 0;
padding-bottom: 50%; <-- 會以width為基準的20%延伸:

padding-bottom: 75%; /* 4:3 aspect ratio */

也可用 :before 或 :after 去塞一個 padding-bottom: 50%; 的東西