Bonjour à tous
J'ai au sommaire de mon site une timeline qui donne les derniers articles, dernières news, dernières annonces ... à chaque catégorie son icone (png) en regard.
J'ai substitué pour l'une d'elle une icone en SVG.
J'ai fait de même pour ma zone "réseau sociaux" avec l'oiseau bleu et le F blanc.
Tout ça à but de voir si sur iPhone (et je suppose écran rétina divers), c'était plus net.
Ca l'est !
Mais mauvaise surprise : autant le fallback est facile pour IE8 and co (j'aime bcp la solution onerror), autant je me suis retrouvé avec une sérieuse inconnue : sur mon iPad, premier du nom, dernier iOS mis à jour possible, safari semble débloquer sur les ratio H/L des SVG et ne respecte pas en étirant ça dans tous les sens. Je retrouve ça aussi en testant mon sommaire via de sites web qui montre le résultat sous divers version d'android.
J'avais pourtant consulté caniuse qui me disait que le SVG était supporté depuis belle lurette partout (sauf donc sur IE <=8)
Je précise que mes SVG sortent d'inkscape puis sont passés dans SVGcleaner (toutes options activées).
Bref, les icones SVG dans des <img ça semblait être le top du top de mon été 2014, mais je suis refroidi à l'idée de ne pas pouvoir voir le sommaire de mon site correctement sur un iPad 1st gen. (autant je ne sais pas pourquoi, mais pour Android, je n'en aurais aucune insomnie
)
Je suis preneur de toutes idées ou pistes, n'ayant pas trouvé grand chose là dessus sur le web !
Merci !
B.
Modifié par BertrandB (02 Aug 2014 - 09:38)
J'ai au sommaire de mon site une timeline qui donne les derniers articles, dernières news, dernières annonces ... à chaque catégorie son icone (png) en regard.
J'ai substitué pour l'une d'elle une icone en SVG.
J'ai fait de même pour ma zone "réseau sociaux" avec l'oiseau bleu et le F blanc.
Tout ça à but de voir si sur iPhone (et je suppose écran rétina divers), c'était plus net.
Ca l'est !
Mais mauvaise surprise : autant le fallback est facile pour IE8 and co (j'aime bcp la solution onerror), autant je me suis retrouvé avec une sérieuse inconnue : sur mon iPad, premier du nom, dernier iOS mis à jour possible, safari semble débloquer sur les ratio H/L des SVG et ne respecte pas en étirant ça dans tous les sens. Je retrouve ça aussi en testant mon sommaire via de sites web qui montre le résultat sous divers version d'android.
J'avais pourtant consulté caniuse qui me disait que le SVG était supporté depuis belle lurette partout (sauf donc sur IE <=8)
Je précise que mes SVG sortent d'inkscape puis sont passés dans SVGcleaner (toutes options activées).
Bref, les icones SVG dans des <img ça semblait être le top du top de mon été 2014, mais je suis refroidi à l'idée de ne pas pouvoir voir le sommaire de mon site correctement sur un iPad 1st gen. (autant je ne sais pas pourquoi, mais pour Android, je n'en aurais aucune insomnie
)Je suis preneur de toutes idées ou pistes, n'ayant pas trouvé grand chose là dessus sur le web !
Merci !
B.
Modifié par BertrandB (02 Aug 2014 - 09:38)