博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
实现宽高相等的图片容器
阅读量:5088 次
发布时间:2019-06-13

本文共 389 字,大约阅读时间需要 1 分钟。

如下图所示,在饿了吗商品详情页,头图是一个宽高相等的图片,如何实现

.image-header{            position: relative;            width:100%;            height:0;            padding-top:100%;            img{                position: absolute;                top:0;                left:0;                width:100%;                height:100%;             }} 利用padding-top值实现

转载于:https://www.cnblogs.com/ouchen0312/p/7283865.html

你可能感兴趣的文章
使用STL map和模板时遇到的一个错误
查看>>
Linux查看CPU《型号..》《内存..》《硬盘..》《系统..》
查看>>
github使用个人总结
查看>>
异常处理
查看>>
Django(四) ORM 外键操作及初识Ajax
查看>>
局部最优解与全局最优解(转)
查看>>
EM算法与混合高斯模型
查看>>
Leetcode 86.分隔链表
查看>>
学习前端开发的第三周
查看>>
bzoj4390: [Usaco2015 dec]Max Flow
查看>>
安装前端脚手架
查看>>
在Oracle 里创建带参数的视图
查看>>
Resharp常用设置收集整理
查看>>
NDK以及C语言基础语法(二)
查看>>
android中与Adapter相关的控件----Spinner&AutoCompleteTextView
查看>>
c实验4
查看>>
HDU 5988 Coding Contest 最小费用流 cost->double
查看>>
android 性能优化 -- 启动过程 冷启动 热启动
查看>>
.NET压缩图片保存
查看>>
解决Struts2.2.20版本的标签不支持style属性的问题
查看>>