Javascript 如何阻止图像在达到某一点后收缩？

我的背景图像有这么大：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时，它应该停止

---

如何实现这一点？

您是否检查了

最小宽度

和

最大宽度

属性

---

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

你尝试过媒体查询吗？我使用媒体查询进行ipad相关设计，但这有点困难，因为我希望在所有设备/平台上都能以同样的方式进行。如果你将背景大小设置为覆盖，背景图像将“覆盖”，无论您是否设置了最大高度、高度或其他任何设置。您应该使用图像元素而不是背景图像来执行此操作，然后您将有选项，它将是跨浏览器的。@adeneo您可以用小提琴演示吗？谢谢问题是我正在使用html选择器来实现这一点。如果我添加最大或最小宽度，它将破坏我显示的内容。这对背景图像根本不起作用，这是元素，背景仍将缩放。