Intégration CSS : comment gérer les vieux navigateurs sans casser le design moderne ?

[toto_tech]

Mon client veut que son site reste utilisable sur IE11 (oui, je sais...) mais j'utilise Grid et Flexbox partout. Des techniques propres pour le fallback ?

[camille31]

Utilise @supports not (display: grid) pour définir un layout float en fallback. Et charge un polyfill comme css-grid-polyfill via conditionnel HTML.

[admin_sys_gaming]

Sérieux, facture-lui 30% de plus pour IE11. Le temps que tu vas perdre... Sinon, Autoprefixer + PostCSS font 80% du boulot.

[toto_tech]

Malheureusement c'est une grosse boîte avec des PCs sous Win7... @289 tu as un exemple concret pour le @supports ? Je galère sur la syntaxe.

[camille31]

Tiens :
@supports not (display: grid) {
.container { width: 100%; float: left; }
}
Teste avec BrowserStack avant de livrer !

[admin_sys_gaming]

Et vérifie que ton client accepte que ça soit moche sur IE11. Parfois ils réalisent que ça vaut pas le coup...

[toto_tech]

Merci les gars, je vais mixer vos solutions. Je vous dirai combien d'heures j'ai perdu haha !