会员
周边
众包
新闻
博问
闪存
赞助商
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
必慎
博客园
首页
新随笔
联系
订阅
管理
2020年12月22日
CSS实现自适应固定长宽比的矩形
摘要: css实现自适应固定长宽比的矩形 需要先在内容(图片元素)外面套一层标签,并使用padding-bottom将底部撑开(100%就是正方形, 75%就是4:3的长方形), 然后内容元素使用绝对定位,配合flex布局实现自适应。 html <div class="box-wrapper"> <div
阅读全文
posted @ 2020-12-22 23:09 必慎
阅读(728)
评论(0)
推荐(0)
编辑
公告