背景图像没有响应

Question

我是新来的。我们正在为标题创建正确的格式。该网站基于 WordPress 和 Elementor 构建器。在容器本身中，我们将图像添加为 .svg。不幸的是，我们无法让它做出响应。要么红色背景没有覆盖字体，要么字体本身损坏。对此有合适的解决方案吗？例如，为不同的终端设备存储适应的背景图像？还是CSS？

这里是分期站点：https://staging.renofloor.de/ueber-uns__trashed/karriere/kooperationspartner/ 这是背景在某些移动设备上不响应。 我希望我能在这里问这样的问题。 如果是这样，我期待您的留言:)

红色背景图像应与终端设备上包含的文本响应。 （格式为.svg）

Answer 1

不幸的是，svg 不会让你实现你的目标，我认为，就是让它看起来好像你已经完成了绘画描边，然后在描边的顶部添加了文本，并且无论情况如何，情况都是如此标题元素的高度/宽度。由于 svg 图像是基于矢量的，因此无论其大小如何，它都会保持其比例，这意味着它并不真正适合您的用例。

与大多数事情一样，有多种方法可以实现您的目标，但最简单的方法是更改图像格式和

background-size

属性。 png 或 jpg 文件将允许您将图像拉伸到其自然纵横比以外的尺寸，这正是您想要实现的。请记住，拉伸图像可能会导致质量低于最佳质量。