timovn/jscss-tiles · GitHub
lundi 27 juillet 2015 à 17:18le hollandais volant
Je suis en train de perfectionner cet outil.
Juste pour dire que les navigateurs font chier.
Ils font chier à utiliser des FRACTIONS DE PIXEL pour les valeurs de .clientWidth() et .offsetWidth().
Si vous voulez un truc clean, utilisez parseInt(getComputedStyle(elem).width). N’oubliez pas que vous devriez inclure les padding (left/right), les bordures (left/right) et les margin (gauche/droite) selon le cas.
C’est lourd, ça fait 7 variables à sommer, mais ça a résolu tous mes problèmes : maintenant mon script (pas encore en ligne) est précis au pixel près, même avec 500 images (oui je suis un maniaque : si y a un seul pixel qui déborde, je ne vois que ça).
— (permalink)
Je suis en train de perfectionner cet outil.
Juste pour dire que les navigateurs font chier.
Ils font chier à utiliser des FRACTIONS DE PIXEL pour les valeurs de .clientWidth() et .offsetWidth().
Si vous voulez un truc clean, utilisez parseInt(getComputedStyle(elem).width). N’oubliez pas que vous devriez inclure les padding (left/right), les bordures (left/right) et les margin (gauche/droite) selon le cas.
C’est lourd, ça fait 7 variables à sommer, mais ça a résolu tous mes problèmes : maintenant mon script (pas encore en ligne) est précis au pixel près, même avec 500 images (oui je suis un maniaque : si y a un seul pixel qui déborde, je ne vois que ça).
— (permalink)