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

Question

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

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

关于如何使用 jQuery 完成此任务的任何想法。大多数情况下，它取决于第一次打开时浏览器窗口的大小。如果有人决定缩小浏览器的窗口大小，它不一定要越来越小。

我知道这是一个奇怪的球，所以任何帮助都会非常感激！

Answer 1

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

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

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