The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Proportionally expanding to fit text content?
I’ve created this iOS style notifier…
http://jsfiddle.net/jwtcS/8/
but would welcome any suggestions to allow it to accomodate numbers with more digits, either by making the text size smaller, or (perhaps easier) proportionally resizing the circle to fit?
So what should it do when there’s a huge number in it, like 5 digits? Should it still be a large circle, or should it be an ellipse?
A larger circle I think (or smaller text). TBH, though, I’m expecting a reasonable maximum of 999 for this particular project.
Yes. Thanks very much. That looks to be a ‘visually tidy’ solution. :D
Ah perfect, that’s just the way iOS handles it too :D