Rendering av SVG-grafik
 

Kära Cyberspace :cool:

Jag har börjat få upp ögonen för att använda SVG för loggor/ikoner.
På en kunds sida har jag nu använt mig av SVG för bland annat loggan. Superläckert med vektorgrafik på webben :)

Har dock stött på ett litet problem (tror jag). När jag öppnar hemsidan på min telefon, så ser den inte alls ut som att den anpassar sig efter skärmupplösningen. Snarare ser det ut som att den har rastrerat bilden enligt dess angivna bredd (232px), och sen dragit ut den för att presentera.
Jag har testat att presentera loggan i ett img-element samt som bakgrundsbild i ett block element, med samma resultat. När jag använde den som bakgrund så bestämde jag bredden med `background-size: 232px`. Det kanske är dumt?

EDIT: Testade att använda em som måttenhet istället, men det gav samma resultat. När jag zoomar in på loggan i telefonen så är det precis som att zooma in i rastergrafik, och det är brutalt oskarpt.

Vektorgrafik på webben ÄR nice!

Vad har du för telefon? Jag testar gärna med min om du vill.

Ska försöka slänga upp en sida där problemet uppstår.
Jag har en Galaxy Nexus. iPaden verkar skala upp bilden galant, dock så är det en annan total sidbredd när sidan visas på iPaden men jag tycker inte att det borde påverka...