css实现屏幕自适应正方形

padding的百分比数值是根据父元素宽度计算的的这一原则,使用padding-bottom控制元素高度,使用百分比控制元素的width。

// css实现 ![image.png](https://upload-images.jianshu.io/upload_images/11213660-13cc1367d7fb1011.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

【css实现屏幕自适应正方形】效果图:

css实现屏幕自适应正方形
文章图片
image.png

    推荐阅读