Jquery 带有背景图像和少量内容的CSS

我有一个背景图像，我将在它的右下角覆盖一个推荐信。我有一个困难的时候，让这与响应设计正常工作。所以我有一个图像是930x454，我想显示整个图像。我试图设置一个最小宽度和最小高度，可以让它工作，但当我缩小窗口，然后它比屏幕更宽。理想情况下，我希望图像不超过屏幕大小的100%宽度。内容只有3句话，所以它甚至没有接近930x454

---

我是否需要编写一个调整大小的函数，或者是否有一个相当简单的css解决方案

这里有两个关键概念很重要：在本例中，相对定位在父对象上，绝对定位在文本框上，以及背景大小。我会让你用谷歌搜索这些

.背景{ 背景图片：url'http://lorempixel.com/930/454/nature'; 背景尺寸：封面； 身高：0； 垫底：56.25%； 最大宽度：100%； 位置：相对位置； } .文本{ 位置：绝对位置； 右：20px； 底部：20px； 背景：RGBA255255.3； 填充：20px； } 一些文本。

---

不需要任何js，只需键入所需的宽度百分比，即宽度：100%；它可以很好地工作，并提供一些高度，因为当宽度缩小时，高度也会缩小

使用元标记代码获取设备宽度并将其绑定到内容。将其添加到标题中。不要忘记html标记括号

元名称=视口内容=宽度=设备宽度，初始比例=1

---

如果需要，请将图像设置为100%。上述代码应保持所有内容的响应性。

寻求调试帮助的问题此代码为什么不起作用？必须包括所需的行为、特定的问题或错误以及在问题本身中重现这些问题所需的最短代码。没有明确问题陈述的问题对其他读者来说是没有用处的。无论如何，对我来说，在OP中触发一个代码片段并没有太大的帮助。我不打算写一本关于基本HTML的书来回答这样一个模糊的问题，这个问题可能很快就会结束。我甚至不能100%确定你的答案，否则我至少会试着解释一下。这正是我想要的。我没有做定位，这就是为什么我认为我不能让它工作。非常感谢。