Css 背景图像不'；t缩放以适应现场

现场演示：

---

Questoin:“.login bg wrap a img”在桌面上运行良好，最大宽度设置为100%。但是在像iPhone6这样的较窄的设备上，背景图像只是按照可视端口的宽度进行缩放，这使得它们的高度变得更小。我将高度设置为1%或100%，但它们会缩放到原始大小。我不知道为什么？有没有办法使这些图像的高度与站点的高度相匹配？

您需要确保每个元素（包括图像）的宽度都设置为100%。以及一个额外的

minwidth

，该值为您想要停止收缩的任何数字，并应用于图像本身

---

只有宽度，而不是高度。

您可以删除

最大宽度

，使图像的高度和宽度为100%，并为其提供一个

对象适合：封面这就是您想要实现的目标吗

您还可以在宽度上使用
100vw
，在高度上使用
100vh
，这样图像将始终具有视口的大小。
您可以提供一些代码吗？显示您的
css
文件或定义这些参数的
style
标记。