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

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

    

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

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

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

2：object-fit取值說明

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