iphone画面でhtml imgをレンダリングする際にエラーが発生する

Question

開発中のWebでバグが発生しています。

一般的なプロジェクトのグリッドでは、画像のビットが近くの他のhtml imgプレースホルダの上に表示され、スクロールやズームの動作が不安定になります。

特定のiphoneでのみ発生しますが、すべてではありませんが、発生したときにはSafariとChromeの両方に表示されます。すべてがデスクトップで大丈夫です。

エラーは直ちに発生するのではなく、しばらくナビゲートした後に発生します。エラーが発生すると、ページを更新した後もエラーが発生します。 このビデオは最高のそれを示しています。https://vimeo.com/245343214

コードは大丈夫そうです：まずjorgevidal.eu

は、私はそれが同位体（石工）に関連している可能性が考えられたが、それがエラーを修正しないと無効にします。

iPhone 7 2017のスクリーンショット：

Answer 1

エラーが画像にフィルターに影響を与えるのCSSを削除する修正されました。

だから、コード

@media (max-width:1024px){ 

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

} 

バグを引き起こしていました。