何らかの理由で（何らかの理由で）CSSグリッドが動作しない

ChromeのCSS Gridsシステムを使用してthis siteを作成しました。それは私がそれを望んでいた方法を完全に見て、私はプレフィックスにオンラインツール/ジェネレータを追加しました。何らかの理由で（何らかの理由で）CSSグリッドが動作しない

私が見上げる場合CSS Grids on 'CanIuse「それはすべてのブラウザで動作するべきであると表示されます。

これまでのところSafari、Chrome、Android Chrome、Operaで動作します。

グリッドシステムがMozillaとIEで正しく表示されないというこの問題の原因は何ですか？例えば

コードは、両方の-msプレフィックスと次の通りです。

display: -ms-grid; //IE and Mozilla prefixes.. 
display: grid; //Chrome 

-ms-grid-columns: (1fr)[6]; 
grid-template-columns: repeat(6, 1fr);

2017-10-12 Panic

我々は問題を再現できるように、最小限の例を追加してみてください。それ以外の場合は、トピック外の質問としてマークされることがあります。 – bhansa

いいえ、私はいくつかのコードを追加します – Panic

mozillaブラウザはありません、あなたはFirefoxを意味します。また、FFが最新であることを確認してください。 – cloned

Autoprefixerは、デフォルトでCSSグリッドをサポートしていません。これはフラグgrid: trueで有効にすることもできますが、それでも名前がgrid-template-areasであるとサポートされていません。

にかかわらず、にあなたのコードの更新お使いのIEグリッド列の宣言を修正するには：

-ms-grid-columns: 1fr, 1fr, 1fr, 1fr, 1fr, 1fr;

2017-12-04 00:53:31

答えて