javascript - 如何阻止图像在达到某个点后缩小？

Question

我的背景图这么大：1920 × 1200

这是我的显示方式：

html {
    background: url("back.png") no-repeat top left fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

这工作正常，但现在我希望能够在达到某个预定义范围后停止重新调整？就像也许当图像缩小到 1300 x 500 时它应该停止。

我怎样才能做到这一点？

Answer 1

你检查过min-width和max-width属性吗？

当您开始弄乱宽度时，请确保将高度设置为 100% 以保持纵横比。