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实现屏幕自适应正方形】效果图:
文章图片
image.png
推荐阅读
- 关于QueryWrapper|关于QueryWrapper,实现MybatisPlus多表关联查询方式
- MybatisPlus使用queryWrapper如何实现复杂查询
- python学习之|python学习之 实现QQ自动发送消息
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 孩子不是实现父母欲望的工具——林哈夫
- opencv|opencv C++模板匹配的简单实现
- Node.js中readline模块实现终端输入
- java中如何实现重建二叉树
- 人脸识别|【人脸识别系列】| 实现自动化妆
- paddle|动手从头实现LSTM