cahnory

CSS browsers support

Apr 18th, 2013
155
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.07 KB | None | 0 0
  1. L'idée est de pouvoir définir la version minimale "supportée" par la feuille de style.
  2. ATTENTION, réduire à loisir la compatibilité de sa feuille de style ou écarter volontairement un navigateur n'est pas recommandé. Le réel but est de ne pas ajouter du css spécifique à un navigateur qui, par la force des choses (contrainte) ne serait déjà pas ou plus supporté.
  3.  
  4.  
  5. Pour cela, il est possible de définir pour chaque navigateur une version minimale supportée en fonction desquelles les fix et préfix seront appliqués ou non.
  6.  
  7. À l'heure actuelle les navigateurs ciblés sont :
  8. [desktop] chrome, firefox, ie, opera, safari
  9. [mobile] android, blackberry, firefox-mobile, opera-mini, opera-mobile, safari-ios
  10.  
  11. Pour tester la nécessité d'un filtre, on compare la version minimale supporté à la première version du navigateur ne nécessitant plus de fix :
  12. @if support-ie(8, false) { // lt IE 8
  13. *zoom: 1;
  14. }
  15.  
  16. Exemple de fix "relativement complet" : https://github.com/cahnory/PlastiCSS-Sass/blob/master/module/vendor/animation.scss (basé sur CanIUse et MDN)
Advertisement
Add Comment
Please, Sign In to add comment