在iphone屏幕中渲染html img出错

Question

我正在体验我正在开发的网络中的错误。

在一个普通的项目网格中，一些图像出现在附近的其他html img占位符之上，在滚动或缩放时表现不稳定。

它只发生在某些iphone上，而不是所有的iphone上，但是当它发生时它会同时出现在safari和chrome ios上。桌面上的一切都很好。

错误不会立即发生，但在导航一段时间后。一旦发生错误，即使刷新页面后它仍然存在。 此视频最佳展示：https://vimeo.com/245343214

代码似乎没问题：jorgevidal.eu

起初我认为它可能与同位素（砌体）有关，但是禁用它不会修复错误。

2017年iPhone 7的截图：

Answer 1

修复了错误，删除了影响图像过滤器的css。

所以代码

@media (max-width:1024px){

        img{filter:none; -webkit-filter: contrast(1) grayscale(0%);}

}

造成了这个错误。