這個問題在這里已經有了答案： 使用 CSS 保持 div 的縱橫比 37 個答案 18 小時前關閉。
假設我想在另一個 div 中放置一個 div，但是子 div 必須與父 div 具有相同的高度，并且它的寬度必須等于它的高度。但是，我不能對高度/寬度使用絕對值，因為容器的（父級）尺寸不是絕對值。
基本上看起來像這樣的東西：
|----------------------------------------------------------|
| | |
| child | |
| div | parent div |
| | |
|----------------------------------------------------------|
我不知道如何讓孩子的寬度等于它的高度。設定height: 100%在孩子身上很簡單，但我不知道如何相對設定它的寬度。
uj5u.com熱心網友回復：
如果你可以使用現代 CSS，你可以使用
height: 100%;
aspect-ratio: 1;
在你的孩子身上強迫它變成一個正方形。
（80% 的用戶和所有主流瀏覽器都aspect-ratio支持）
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/438237.html