在自動調整大小的Div 元素中保持寬高比 問題陳述 建立div元素即: 自動調整其大小以適合可用的螢幕空間 調整大小時保持其原始寬高比 適合指定的寬度和高度尺寸 解決方案 利用aspect-ratio屬性,可以達到想要的效果行為: 解釋 aspect-ratio: var(--r): 定義所需的寬高比( 960 像素: 540px) 寬度: 根據以下較小者計算寬度: 可用視窗寬度的90% 960px 視窗高度的90% 乘以寬高比比例 線性漸變背景:示範背景圖案如何在調整大小時保持其縱橫比。 此解決方案可讓您建立在指定的最大尺寸內自動調整大小並保持其原始縱橫比的 div。