2017-03-19 6 views
0

アイテムをグリッドに作成してこの問題に直面しています。(コード:codepen) エミュレータから添付のスクリーンショットで見られるように、グリッドアイテムが重なり、テレビでは同じです。lg webos tvグリッドレイアウト - 奇数CSSの動作

私は他のブラウザ(ff、chrome、chromium、opera、safari)でそのcodepenを試しましたが、それらのどれも重複していないグリッドアイテムです。

私はdisplay: flexが原因である可能性があると思っていましたが、グリッドアイテムのdivが正しく重なっていなくてもうまく動作します。

アドバイスありがとうございます。

答えて

0

私はまた、WebOSとテレビのフォーラム上で直接、この質問を投稿し、私はこの答えました:これは、クロームの古いバージョンのバグである

を。 grid-row-itemの幅 を384から340以下に縮小すると、 が正常に表示されます。あなたの情報のために、あなたはここで#44より低い クロムブラウザのバージョンでそれをテストすることができます。 https://commondatastorage.googleapis.com/chromium-browser-snapshots/index.html?prefix=Win/299976/

それはそのトリックをしましたが、私は、ページ上に表示elemsの数を削減しなければなりませんでした。この問題は、ブラウザウィンドウの可視領域外にdivがあるときに再び繰り返されました。これは、これらのdivのデータが格納されている基底配列を回転させるためです(1つの固定されたフォーカスされたelemの下で移動するグリッドのシミュレーション)。

関連する問題