HTML5缩略图图片css代码自适应裁剪方式

浏览:1819次阅读
没有评论

共计 146 个字符,预计需要花费 1 分钟才能阅读完成。

最近呢对一个wordpress的前端进行调整,发现个问题,就是文章下方的相关文章缩略图会由于特色图片的尺寸不同而变形难看。

HTML5缩略图图片css代码自适应裁剪方式

调来调去还是变形,搁置了许久,今天想到了一个办法,简简单单一个代码搞定!

在图片的css内定宽的情况下添加这个css代码进去 就解决了问题

object-fit: cover;

 

● 版权所有,转载请注明出处!
正文完
 0
挨批网络ipwl.cn
版权声明:本站原创文章,由 挨批网络ipwl.cn 2021-04-16发表,共计146字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。

关于挨批网络

挨批网络IPWL.CN挨批网络是通过域名直译而来,主打一个好记!希望只一眼就可以留在你的记忆中!

快捷登录

评论(没有评论)
没有账号? 忘记密码?

社交账号快速登录