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

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

    

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

1.object-fit語法
object-fit屬性的語法非常的簡單：

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

2：object-fit取值說明

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