关于img

为img添加属性max-width min-height之类的属性可以对图片溢出部分实行自动裁剪功能 非常方便!!!!!!!!!(仅适用于那些原始图片大于max-width,max-height的图片)

正确的裁剪代码如下

img-clip{
        width: 100px;
        height: 100px;
        clip:rect(0,100px,0,100px);
    }

clip属性有新的改进版本clip-path  功能更加强大

img{
    width: 100px;
    height: 100px;
    clip-path: inset(0,100px,0,100px);
 }

 

 

懒加载的时候还可以为元素添加min-height属性起到占位作用,并且不会限制其高度

posted @ 2018-05-08 14:18  wiggin  阅读(156)  评论(0编辑  收藏  举报