CSS背景图像响应缩放

我知道对于同一个主题有很多问题，但我已经尽了一切努力让它工作，但没有成功

我正在处理一个可湿性粉剂主题，我有一个标题背景图像，在移动/更小的屏幕上无法正确缩放

如果有人能帮我缩放图像

此外，由于该图像将是动态图像，我应该使用图像标记还是内联css背景图像

如需参考，请查看以下链接

---

你试过css的背景大小属性吗？ 如果是，您是如何给出其中的值的？以百分比或硬编码px表示，因为此解决方案适用于背景图像。在标题的css中或在任何有此图像的地方，都可以这样做，或者根据需要指定自己的百分比值：

background-size: 100% 100%;

如果不起作用，请告诉我，或者如果可能，请共享代码，以便我可以更好地指导您。希望这会有所帮助

---

干杯

在移动设备上你需要多高？全屏和桌面一样。我按照你的建议做了。它成功了。我在这个解决方案中遇到的唯一问题是比率丢失了。看见此外，我在我的问题中分享了live page的链接。为此，您可以尝试以下操作：背景大小：包含；但这将在y轴上重复图像。对于该问题，您可以执行以下操作：背景重复：不重复；但这样你的图像将处于完美的比例，但它将从顶部和底部留下空间。所以结论是，你们必须手动或通过一些像Photoshop这样的工具来改变图像像素。然后，它将适合屏幕上任何你想打开它。希望有帮助：