CSS问题与div的响应式背景图片

Question

我正在尝试使div的背景图片覆盖台式机和移动设备上的屏幕。它可以在台式机上完美运行，但是无论我如何尝试，图像在移动设备上都会放大显示。

这是页面：https://www.smithbars.com/tappd/

这是

的CSS

example.html

非常感谢您的帮助！

1 个答案:

答案 0 :(得分：0)

之所以发生这种情况，是因为您尝试使用background-size: cover来保持图像的纵横比。

cover告诉浏览器确保图像始终覆盖整个容器，即使它必须拉伸图像或从边缘之一上切掉一点。

更改：

background-size: cover;

收件人：

background-size:100% 100%;

图像失去了长宽比，但您如愿以偿。

Answer 1

之所以发生这种情况，是因为您尝试使用background-size: cover来保持图像的纵横比。

cover告诉浏览器确保图像始终覆盖整个容器，即使它必须拉伸图像或从边缘之一上切掉一点。

更改：

background-size: cover;

收件人：

background-size:100% 100%;

图像失去了长宽比，但您如愿以偿。