jquery - 如何使用 jQuery 使 slider 图像占浏览器窗口大小的百分比？

Question

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

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

关于如何使用 jQuery 完成此操作的任何想法。主要取决于浏览器窗口首次打开时的大小。如果有人决定缩小浏览器的窗口大小，它不一定必须变得越来越小。

我知道这是一个奇怪的球，所以任何帮助都将不胜感激!

Answer 1

您可以在 CSS 中非常有效地做到这一点:

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

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