get了CSS3的object-fit属性

原创 野人  2021-12-12 13:29  阅读 151 次

本来想改下文章封面图的HTML结构,主要再次被我嫌弃图片太大的话,被缩小后,实在难看,之前修过一次,不过那次主要是以有图则显示封面图,无图就不显示图,这次真的彻底搞下缩略图的问题。

本来的想法是改了HTML结构,缩略图采用CSS中的background属性去设置,这样的好处是因为该属性中有个background-size属性可以做到等比例缩放,所以就有了这个初步想法。

然后吃完饭后,逛了逛阳光的博客,想看下他们的博客会有这个问题吗?然后就发现了一个新知识,即本文的主题,CSS3object-fit属性,也可以实现等比例缩放,这样的话,我就不用修改HTML结构,省了好多的工作量啊,本就是个懒人,不要为难我了。

关于这个属性的相关知识点,大家看文档吧,https://www.runoob.com/cssref/pr-object-fit.html,毕竟人家写的通俗易懂,我在添油加醋,只会捣乱。

写完这篇文章后,我发现之前有学过这个属性,只不过很久没用的了,就给忘记了,所以说啊,还是要多写,多记录,多用,想忘都难啊。

本文地址:https://www.yerenwz.com/5355.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!

发表评论