プロジェクトのレスポンシブ グリッド システムに取り組んでいます。グリッドは、左にフロートされ、幅が25%のブロックで構成されています。
これらのブロック内には、100% *高さ/幅* または50% *高さ/幅* に設定された画像があります。
ブロック内のすべての画像は互いに隣り合っており、すべてのブロックは互いに隣り合っているため、画像のシームレスなグリッドのように見えます。
私が得ている問題は、特定のブラウザー サイズで発生するか、ブラウザーのサイズを変更すると、特定のブロック間に 1 ピクセルの隙間ができます。
ここで例を見ることができます: http://dahliacreative.com/responsivegrid/
フロートを外すとすべて問題ないように見えるように、ブロックが浮かんでいる可能性があると思います。etcを使ってみdisplay: inline-blockましたが、何も動作しませんでした!
これを修正するアイデアはありますか？