场景题：如果有一个 div，不论页面如何伸缩，如何使它的宽高始终呈现 1:2 的比例？

回答思路

1. 能说明利用 padding-top 或 padding-bottom 百分比基于父宽度计算
2. 能使用 aspect-ratio 属性并说明兼容性
3. 能清晰解释百分比 padding 与宽度计算的机制
4. 能提及不同方案的浏览器兼容性差异