替換元素——

瀏覽器根據(jù)其標(biāo)簽的元素與屬性來(lái)判斷顯示具體的內(nèi)容，比如img,iframe,input,textarea,select,object，video等,這些元素都沒(méi)有實(shí)際的內(nèi)容

object-position / object-fit只針對(duì)替換元素有效
有點(diǎn)類似background-position / background-size

object-fit

屬性：
fill——默認(rèn)值，替換內(nèi)容拉升填滿整個(gè)content box,不保證持有原有的比例

contain——包含，保持原有尺寸比例，保證替換內(nèi)容尺寸一定可以在容器里面放得下，可能會(huì)在容器內(nèi)留下空白

cover——覆蓋，保持原有尺寸比例，保證替換內(nèi)容尺寸一定大于容器尺寸，寬度和高度至少有一個(gè)和容器一致，可能會(huì)讓替換內(nèi)容部分區(qū)域不可見(jiàn)

none——無(wú)，保持原有尺寸比例，同時(shí)保持替換內(nèi)容原始尺寸大小

scale-down——降低，就好像依次設(shè)置了none或contain,最終呈現(xiàn)的是尺寸比較小的那個(gè)

object-position

控制替換內(nèi)容位置的，默認(rèn)值是50% 50%,即居中效果