在 Elementor 部分适合背景图像
Fit background image in Elementor section
据我所知，这是一个超级流行和常见的问题，但我尝试过的所有解决方案最终都失败了。
我有一个测试网站：https://mojastrona.hekko.pl/baltyk-strona-glowna/
而我无法实现的是使背景图像适应任何分辨率。
这是我对 elementor 部分的设置：
但这并不能提供完美的图像拟合。它正在被切割。我尝试将一些解决方案添加到我在 Internet 上找到的 .css 文件中，但其中 none 有效。
你想做的事情几乎是不可能的（在合理范围内）。
假设您的图片尺寸为 4:3。现在，如果有人在 16:9 显示器上查看您的网站会怎样？容器（以及图像）必须在上方和下方或左侧和右侧有一些空白 space。
有几种可靠的替代方法可以获得您想要的东西：
定位您的图片，使动机中最重要的部分始终存在（例如，“居上”，这样图片顶部的文字始终可见
向父容器添加“最小高度”- 部分将是显而易见的选择。尝试使用 VH/% 单位可能会给您带来更可靠的结果
将您的图像放置为简单的图像小部件而不是背景图像。将宽度设置为 100%。确保您的部分设置为“Full width/no gap”。您的图像现在将始终是屏幕的整个宽度，而不会被父容器缩小。
显然 #3 有几个限制，因为将内容放在图像顶部变得更加困难。
据我所知，这是一个超级流行和常见的问题，但我尝试过的所有解决方案最终都失败了。
我有一个测试网站：https://mojastrona.hekko.pl/baltyk-strona-glowna/
而我无法实现的是使背景图像适应任何分辨率。
这是我对 elementor 部分的设置：
但这并不能提供完美的图像拟合。它正在被切割。我尝试将一些解决方案添加到我在 Internet 上找到的 .css 文件中，但其中 none 有效。
你想做的事情几乎是不可能的（在合理范围内）。
假设您的图片尺寸为 4:3。现在，如果有人在 16:9 显示器上查看您的网站会怎样？容器（以及图像）必须在上方和下方或左侧和右侧有一些空白 space。
有几种可靠的替代方法可以获得您想要的东西：
定位您的图片，使动机中最重要的部分始终存在（例如，“居上”，这样图片顶部的文字始终可见
向父容器添加“最小高度”- 部分将是显而易见的选择。尝试使用 VH/% 单位可能会给您带来更可靠的结果
将您的图像放置为简单的图像小部件而不是背景图像。将宽度设置为 100%。确保您的部分设置为“Full width/no gap”。您的图像现在将始终是屏幕的整个宽度，而不会被父容器缩小。
显然 #3 有几个限制，因为将内容放在图像顶部变得更加困难。