Page 1 sur 1
Intégration CSS : comment gérer les vieux navigateurs sans casser le design moderne ?
Publié : dim. nov. 17, 2024 1:02 am
par 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 ?
Re: Intégration CSS : comment gérer les vieux navigateurs sans casser le design moderne ?
Publié : dim. nov. 17, 2024 8:02 am
par 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.
Re: Intégration CSS : comment gérer les vieux navigateurs sans casser le design moderne ?
Publié : dim. nov. 17, 2024 11:02 am
par 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.
Re: Intégration CSS : comment gérer les vieux navigateurs sans casser le design moderne ?
Publié : dim. nov. 17, 2024 5:02 pm
par 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.
Re: Intégration CSS : comment gérer les vieux navigateurs sans casser le design moderne ?
Publié : lun. nov. 18, 2024 2:02 am
par camille31
Tiens :
@supports not (display: grid) {
.container { width: 100%; float: left; }
}
Teste avec BrowserStack avant de livrer !
Re: Intégration CSS : comment gérer les vieux navigateurs sans casser le design moderne ?
Publié : lun. nov. 18, 2024 6:02 am
par 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...
Re: Intégration CSS : comment gérer les vieux navigateurs sans casser le design moderne ?
Publié : lun. nov. 18, 2024 8:02 am
par toto_tech
Merci les gars, je vais mixer vos solutions. Je vous dirai combien d'heures j'ai perdu haha !