Reputation: 5347
The SVG logo on this site doesn't look sharp on every zoom level. I read once, that SVG is just sharp on a multiple of its original size. But when I rightclick on the graphic and display it alone (without an img tag around it), it looks sharp on every possible zoom. There is no width or height given to the image.
Upvotes: 0
Views: 1159
Reputation: 15779
I believe the issue is in Firefox.
Try to set the image width
to 100%
and height
to the actual height of the SVG
and this will solve the issue.
For Instance.
img{width:100%;
height:xxpx; /* Where 'xx' is the value of the image height in pixels */
}
Hope this Helps.
Upvotes: 0
Reputation: 44201
It appears that Firefox renders the SVG to an image when referenced via an <img>
tag. Use an <object>
tag
Upvotes: 2