本来想改下文章封面图的HTML
结构,主要再次被我嫌弃图片太大的话,被缩小后,实在难看,之前修过一次,不过那次主要是以有图则显示封面图,无图就不显示图,这次真的彻底搞下缩略图的问题。
本来的想法是改了HTML
结构,缩略图采用CSS
中的background
属性去设置,这样的好处是因为该属性中有个background-size
属性可以做到等比例缩放,所以就有了这个初步想法。
然后吃完饭后,逛了逛阳光的博客,想看下他们的博客会有这个问题吗?然后就发现了一个新知识,即本文的主题,CSS3
的object-fit
属性,也可以实现等比例缩放,这样的话,我就不用修改HTML
结构,省了好多的工作量啊,本就是个懒人,不要为难我了。
关于这个属性的相关知识点,大家看文档吧,https://www.runoob.com/cssref/pr-object-fit.html,毕竟人家写的通俗易懂,我在添油加醋,只会捣乱。
写完这篇文章后,我发现之前有学过这个属性,只不过很久没用的了,就给忘记了,所以说啊,还是要多写,多记录,多用,想忘都难啊。