html - 移动设备上的背景图像太小。怎么修？

Question

我有一个设置为 100% 宽度的 div，带有背景图像(如下图，背景图像是拿着电器的手)，因此调整窗口大小也会调整背景图像的大小。我这样做的目的是让它始终横跨整个屏幕，无论您使用的是什么设备。

在我在手机上启动该网站之前，一切正常。手机屏幕横向太小，将背景图片缩小到屏幕底部的3个信息框div看起来被推开，但它只是被拉起的背景图片:

有谁知道我该如何解决这个问题？我是否应该找到一种方法来定位信息框 div，使其在屏幕较小时向上移动？

如有任何建议，我们将不胜感激。

Answer 1

它试图保持它的纵横比，您可以将高度设置为 100%，让它破坏纵横比，或者只是淡出图像的底部，使其看起来融入其中。