3-22 Css实现自适应屏幕宽度的正方形
方式一：padding + 百分比
方式二：vw+vh
love
缺点：会导致在元素上设置的 max-height 属性失效
方式三：伪元素 + margin(padding)-top 撑开容器
Document
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae,
cupiditate. Labore alias eius magnam, pariatur beatae sed eos dolor non
numquam laudantium dolorem error aspernatur maxime, reiciendis dolorum
exercitationem! Quas?