如何使用jQuery将滑块图像设置为浏览器窗口大小的百分比？

Question

我已经尝试在这里和许多其他地方寻找解决方案，但似乎找不到任何东西。基本上我有一个大约1800像素宽，高500像素的图像。我需要这个图像以适应所有分辨率。而不是显示为某个，它需要显示为浏览器窗口大小的百分比。

理想情况下，它占据浏览器窗口宽度的80％......

有关如何使用jQuery实现此目的的任何想法。它主要取决于浏览器窗口首次打开时的大小。如果某人决定缩小其浏览器的窗口大小，则不一定必须越来越小。

我知道这是一个奇怪的球，所以任何帮助都会很有用！

Answer 1

你可以在CSS中非常有效地做到这一点：

#image {
  width: 80%;
  content: url('./pinkfloyd.gif');
}

或者，如果必须在jQuery中完成，您可以使用fullbg