CSSグリッドがモバイルで動作しない

Question

私はレイアウト用にCSSグリッドを使用しています。私は行と列の両方のギャップを持つ4列のレイアウトを持っています。特定のメディアクエリブレークポイントでは2列になり、後に1列になります。これは魅力のように機能します。私は自分の携帯電話でページをテストしようとしましたが、グリッドギャップを除いてすべてがうまくいくように見えますが、これは完全に無視され、ギャップはありません。それから、私はEdgeで自分のページをテストしようとしました。ここでは、単一のグリッドプロパティは動作していないようです。それの基本レイアウトさえありません。これはなぜですか？グリッドは完全にこの時点でサポートされていたと思いましたか？

Answer 1

エッジに問題があります。すべてのデバイスが一般的にサポートしているわけではありません。エッジprobably still working周り。正直なところ、実際の複雑なレイアウトではCSSを使った100％ばかげた証明が難しいです。

ほとんどすべてのデバイスでthis jQuery for flawless gridを見ることができます。これは、製造目的ですぐに必要な場合です。 jQueryプロジェクトには、ユーザーがバグを報告し、テストが開発できるという基本的な利点があります。