将图像粘贴到 div 的底部 - 响应式图像问题（网格/填充）答案

【问题标题】：stick image to bottom of div – responsive image issue (grid / padding)将图像粘贴到 div 的底部 - 响应式图像问题（网格/填充）
【发布时间】：2020-08-02 06:01:25
【问题描述】：

我可能一直在想太多，并且错误地尝试了太多事情..

http://testserver.glow-berlin.de/kurzfilmwettbewerb

这是我们正在谈论的网站。在底部（页脚正上方），您会找到应该贴在粉红色框底部的图像。每当我在移动设备上查看时，图像都会在框外偏移。我使用网格系统构建了该部分，但遇到了困难，因此我将其删除以用于移动设备...我只是无法弄清楚问题所在。现在——没有网格系统——同样的问题出现了。在 Android 上它似乎工作正常，但在 iOS 上，图像再次跳出盒子。当我为 iOS 修复它时，问题出现在 Android 上。有什么帮助吗？

【问题讨论】：

该网站上没有您所描述的内容。
如果你能发布你的代码而不只是问“帮助我”会很酷
快速说明：最好在堆栈溢出时发布代码的最小复制。每当有人稍后提出您的问题时，该网站可能已经关闭或更改。
您必须在此处在您的问题中发布minimal reproducible example，并在任何第三方网站上发布not a link。
请分享一些代码并向我们展示你做了什么。

标签： html css image responsive padding

【解决方案1】：

div 上的background-attachment: fixed; 样式（ID 为 #gutfilmer）是 iOS 上的问题。

'background-attachment: fixed 在 iO 上已被禁用，因为它在移动浏览器上的成本很高。

如果您将其移除，胶片翻盖将保持在粉红色背景上。

【讨论】：

很高兴我能帮上忙 :)

【解决方案2】：

试试

 #gutfilmer {
     overflow:hidden;
    }

【讨论】：