CSS实现宽高等比例自适应矩形

本文首发于虾哔哔的Blog 概述 今天遇到一个很有趣的问题:如何实现一个宽度自适应,高度为宽度的一半的矩形。 经过搜索引擎的筛选和自己的反复试验,发现使用padding-bottom是最完美的解决方案。 解决方案 首先我们要明白,padding和margin都