CSS随手记

css实现屏幕自适应正方形

2019-05-08  本文已影响0人  小二子SAMA

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

// css实现
![image.png](https://img.haomeiwen.com/i11213660/13cc1367d7fb1011.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

效果图:


image.png
上一篇下一篇

猜你喜欢

热点阅读