摘要：替換元素內(nèi)容大小保持長(zhǎng)寬比例填充元素內(nèi)容容器，其具體對(duì)象大小被解析為覆蓋整個(gè)元素的寬度和高度。替換元素內(nèi)容不調(diào)整大小以適應(yīng)內(nèi)部元素的容器，內(nèi)容完全忽略設(shè)置在元素上的任何高度和權(quán)重，并且仍在元素尺寸內(nèi)顯示。

在使用video標(biāo)簽的時(shí)候，很多時(shí)候我們并不想去使用默認(rèn)的16：9的顯示比列，而自定義的寬和高顯示出來(lái)后，又總是被默認(rèn)比列所影響，那么如何解決呢？
其實(shí)想要video能自動(dòng)填充慢父div的大小，只要給video標(biāo)簽加上
    style="width= 100%; height=100%; object-fit: fill"
即可。
這是我同事本來(lái)的代碼：無(wú)論寬高如何變化，video標(biāo)簽總是會(huì)受到固定比例額影響，而不能達(dá)到預(yù)期效果！

    

如此問(wèn)題就解決掉了，那么這個(gè)object-fit有何特點(diǎn)呢？

1.object-fit語(yǔ)法
object-fit屬性的語(yǔ)法非常的簡(jiǎn)單：

    object-fit:fill | contain | cover | none | scale-down

2：object-fit取值說(shuō)明

object-fit主要適合于替換元素，比如：