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实现屏幕自适应正方形_第1张图片
image.png

你可能感兴趣的:(css实现屏幕自适应正方形)