背景大小：包含“y”？

Question

有没有办法让背景适合div“高度”，同时保持他的比例？像一个包含但只用于“y”？根据这个答案，没有Background Image Scaling While Maintaining Aspect Ratio但是考虑到最多投票的答案引用了一些css3可能性我想知道现在有没有办法在css3或者javascript中这样做？

Answer 1

只需将高度设置为100%，将宽度设置为auto：

.foo {
    background-size: auto 100%;
}

Answer 2

我认为这样做会：

.myDiv { background-size: cover; }

请在此处查看详细信息：http://www.w3schools.com/cssref/css3_pr_background-size.asp