欢迎光临朱凯的个人博客!
朱凯,a3.work

图片缩放不变形

 发布时间: 2018-12-18 17:48      原创:  朱凯      评论: .       .人查看

网页中,我们经常会有这种需要:  在某个位置显示图片,但是又不想图片压缩变形

对比效果:  (第一个有明显拉伸,第二个没有拉伸,效果好很多)

代码分享:

<div style="width: 200px; height: 200px; background-image: url('http://a3.work/uploads/time/2018/1218-0001.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;"></div>

转载请注明来源:   图片缩放不变形  - 朱凯博客

分享是一种快乐,也是一种美德:
¥打开支付宝,扫码领红包¥ 红包

支付宝 aliPay

微信 wxPay