You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
There are some problems with sprites scaling:
The same icon is used in both places. The icon at the top has font-size: 10px, the second icon has font-size: 7px. Everything is OK only when font-size is half-size smaller (5px). I understand that it happens because icon size doesn't fit anymore to the current background-position. But when I changed background-position manually for such cases, Safari, FF and Chrome displayed scaled icon differently, sometimes icon looked good on webkit but was cropped a bit in FF.
Is there any solution for an ultimate sprite scaling?
The text was updated successfully, but these errors were encountered:
I'm finding this as an issue, too. It's different from webkit to FF. Changing these to exact pixels is the only fix I've found but that defeats the purpose of many of these features... not able to scale by font size....
I've found that some of my sprites scale well while others have this bug. I suppose it depends on: 1) if initial size of svg canvas is even 2) if there are paddings between sprites in the spritesheet 3) some svg files had multiple layers not merged in groups, it looks strange, but they scaled incorrectly. But it's rather difficult to reproduce the bug to be sure.
There are some problems with sprites scaling:
The same icon is used in both places. The icon at the top has
font-size: 10px
, the second icon hasfont-size: 7px
. Everything is OK only whenfont-size
is half-size smaller (5px). I understand that it happens because icon size doesn't fit anymore to the currentbackground-position
. But when I changedbackground-position
manually for such cases, Safari, FF and Chrome displayed scaled icon differently, sometimes icon looked good on webkit but was cropped a bit in FF.Is there any solution for an ultimate sprite scaling?
The text was updated successfully, but these errors were encountered: