标签：object-fit

CSS3 object-fit/object-position简单了解

从第一次使用yodu的主题，我就很在意他是怎么让首页的文章缩略图居中且填满设置好的大小，而且不会产生形变，然后我f12查看代码的时候看到了这个：object-fit:cover；这个cover很容易理解，和background的cover是一样的，而这个object-fit又是什么意思呢？为此我特意去看了大佬“张鑫旭”的博客，从中获益匪浅！我个人的理解是这样的：首先我们要清楚img他的一些结构原理，为此我就简单画个图方便理解!我们的img是一个元素，img就像是一个div一样，他包裹着里面的图片。而img后面调用的src="xxxx.jpg"就是图片的本体，所以我们理解的时候不要想着图片...