最近、マソンリーグリッドが少しグリッチしているようです。ウィンドウのサイズを変更すると、要素が重なり合い、マソンリーグリッドを維持しません。サイトの他のCSSをすべて無効にし、例を記録しました。
一部のユーザーからは、サムネイルが縦に潰れてアスペクト比を維持していないという報告もあります。見分けるのは少し難しいですが、これらの画像の多くは正しく表示されていません。
ご報告ありがとうございます。Safariに固有の問題のようです。CSSでブラウザネイティブのMasonryモードの機能検出を行っていましたが、Safariにはこの機能がないにもかかわらず、あると思い込んでしまい、レイアウトの問題が発生しています。
したがって、コンポーネントを更新することで、重複の問題、そしておそらくサイズの問題も解決されるはずです（ただし、これらの問題が引き続き発生する場合はお知らせください）。
「いいね！」 6
これで両方の問題が解決したようです。迅速な修正をありがとうございました、クリス！
「いいね！」 6