360SDN.COM

css img宽高等比例平铺div,不变形解决办法

来源:  2018-09-14 15:57:53    评论:0点击:

有两种解决办法
第一种

 

 

    父div 设置overflow: hidden;    img 标签设置 width: 100%;
但是会有一个问题,高度大于父div时,会有部分被隐藏。
第二种
    解决办法出自 深圳前端交流群 (群号:247687975)深圳-旧城以西 。
使用背景图片的方式,设置css3 background-size: cover;  官方解释是:把背景图片扩展至足够大,以使背景图像完全覆盖背景区域。
 


background: url('dizhi') no-repeat center;

background-size: cover;

 

这种能最大限度的保证图片完整显示。
 
保存在这里,方便以后调用
为您推荐

友情链接 |九搜汽车网 |手机ok生活信息网|ok生活信息网|ok微生活
 Powered by www.360SDN.COM   京ICP备11022651号-4 © 2012-2016 版权