什麼是最小寬度：100％;寬度：auto實際上是這樣嗎？

我發現在CodePen全屏視頻的一個很好的例子： https://codepen.io/dudleystorey/pen/knqyK 什麼是最小寬度：100％;寬度：auto實際上是這樣嗎？

我有理解以下樣式的困難：

video { 
    min-width: 100%; 
    min-height: 100%; 
    width: auto; 
    height: auto; 
}

爲什麼我們不能只指定最小寬度和MIN-高度？爲什麼我們需要將寬度和高度設置爲自動？

來源

2017-02-01 twelve_chairs

我在Chrome中測試過它，它可以正常工作，並且width: auto;和height: auto;屬性被刪除。

您可能看到Cargo-Cult Programming的示例（即代碼因存在，因爲程序員認爲這是必要的，但實際上並非必須） - 或者它可能是遺留的瀏覽器錯誤（如果這是。在這怪異，作爲支持<video>所有支持CSS佈局以高度順應性的所有瀏覽器

來源

2017-02-01 18:55:09 Dai

謝謝你的回答。當你正確地提到的比''

這不是一個很好的例子min-width:100%對我沒有意義。

考慮一下：

div{ 
    width:100%; 
    min-width:600px; 
}

在這種情況下，如果頁面或容器的div的寬度小於600px的，說400像素。在這種情況下，它將默認div的寬度爲600px，並添加一個滾動條 - 大於100％

來源

2017-02-01 18:54:33 TheUknown

感謝您的回答。在這種情況下，最小寬度：100％;最小高度：100％'突破'視頻'寬高比。參見[縮放HTML5視頻和斷裂縱橫比以填充整個網站（http://stackoverflow.com/questions/4000818/scale-html5-video-and-break-aspect-ratio-to-fill-whole-site），用於更多細節。 –

-1

寬度：自動