CSS-Grid: wie mache ein datei mit Firefox Code and IE 11 Code

[Gunnar Bittersmann]

@@ liebewinter

body {
   
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background-color: #ebf5d7;
  @supports (display: grid) {
    display: grid;
    
  }
} 

Welche Sprache soll das sein? CSS ist es nicht – wie ich schon sagte.

Der @supports-Block ist hier auch völlig überflüssig. Du kannst genauso gut

body
{
	display: flex;
	display: grid;
}

schreiben. In Browsern, die Grid können, überschreibt die zweite Deklaration die erste. Browser, die kein Grid können, ignorieren die zweite Deklaration.

body > nav {
	flex-basis:100%;
        margin: 5px;
        @supports (display: grid){
	  background-color: #d2f5c4; 
           -ms-grid-column: 1;
           -ms-grid-column-span: 2; 
           -ms-grid-row: 2;
           
         }
} 

Angenommen, das soll SCSS-Code sein. Dann macht das immer noch überhaupt keinen Sinn. IE versteht kein @supports; ignoriert also den ganzen Block und bekommt die für ihn gedacheten -ms--Eigenschaften überhaupt nicht zu sehen.

LLAP 🖖