http://www.otislandscapeassociates.com/about/
我正在尝试横幅（树枝的景观图像），但我很难让它在各种设备上做出响应，例如桌面，平板电脑，手机，而不会使图像拉伸或不正确，或者被切断端。
想要了解如何解决这个问题，如果我需要调整实际图像的尺寸，是否要大？它应该更小吗？等
我目前正在用css做所有事情，所以这是我首选的修改方法。
提前致谢。
答案 0 :(得分：0)
你可以尝试
background-size: contain;
这是使背景图像具有响应能力的最简单方法。 但请注意，随着屏幕宽度调整宽度，它也会使图像的高度按比例减小。
我可以看到你有一个固定的高度并已经使用
background-size: cover;
这是我通常建议的，如果你想要它自动填充容器，无论容器的大小。
你不能同时拥有它们（不论是容器的大小，都不会拉伸和放置）。看图像（与页面混合的白色空间＆amp;假设它必须使用）我建议你将它添加到类中，以便它保持响应但总是将设计固定在div的底部，这样它总是可以融入上面的白色。如果您需要任何澄清或问题，请告诉我
background-position: center 100%;