如何在图像达到某一点后停止缩小图像？

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％以保持宽高比。