CSS Grid-Lücke funktioniert nicht auf Handy

Ich benutze CSS-Raster für mein Layout, und testen Sie es in Chrome und Firefox alles funktioniert super. Ich habe ein 4-Spalten-Layout mit Zeilen- und Spalten-Lücken, die bei bestimmten Medien-Abfrage-Breakpoints in 2 Spalten und später 1 Spalte umgewandelt werden. Das funktioniert wie ein Zauber. Ich habe versucht, meine Seite auf meinem Handy zu testen, und alles scheint zu funktionieren, außer meinen Gitterlücken, die einfach komplett ignoriert werden, und es gibt keine Lücke. Dann habe ich versucht, meine Seite in Edge zu testen, und hier scheint es, dass keine einzige Grid-Eigenschaft funktioniert. Nicht einmal das grundlegende Layout davon. Irgendwelche Ideen, warum das ist? Ich dachte, das Raster wurde an dieser Stelle voll unterstützt?CSS Grid-Lücke funktioniert nicht auf Handy

Quelle

2017-10-03 user2004478

CSS-Grid-Unterstützung ist nur in den neuesten Browserversionen verfügbar - http://caniuse.com/#feat=css-grid Je nachdem, welches Telefon/Browser Sie verwenden, kann es sein, dass es Grid noch nicht unterstützt oder Sie fügen keine Herstellerpräfixe hinzu (-ms, -webkit, -moz). –

Edge hat Probleme, nicht alle Geräte unterstützen universell. Kante probably still working herum. Ehrlich gesagt, machen Sie 100% ig narrensicher mit CSS sehr schwierig für komplizierte Layouts im wirklichen Leben.

Sie können auf fast allen Geräten this jQuery for flawless grid ansehen, falls Sie sofort produktiv arbeiten möchten. jQuery-Projekte hat einen grundlegenden Vorteil, dass Benutzer Fehler melden, testen können.

Quelle

2017-10-03 10:53:06

CSS Grid-Lücke funktioniert nicht auf Handy

Antwort

Verwandte Themen