在 iphone 屏幕中渲染 html img 时出错

Question

我正在开发的网络中遇到错误。

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

它只发生在某些 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%);}

}

导致了这个错误。