Change font-size in relation to container?

Asked May 27 '15 at 05:26

Active May 30 '15 at 04:32

Viewed 72 times

Currently I display my article titles with a background of 90% width of the post thumbnail, placed on top of it. Since there's only room for 1 line of text in the title, there is rare occurrences where a character limit is needed. My question is if there's a way to instead of cutting the title short with a character limit, as I'm currently doing, scale down the font-size to fit the entire title?

Short and simple: If title goes over width of 90% of entry-header, shrink the font size to fit the max-size of 90%, so I won't have to use a character limit.

Finding JS solutions, but they use a set width. Also viewport units scales in relation to body, so that wouldn't work.

I'm just curious, as I can how this would be quite useful in designing WordPress-themes in general, if anyone got a specific solution. Thanks. :)

edited May 30 '15 at 04:32

Matthew Arkin

4,460
2
27
28

asked May 27 '15 at 05:26

Thomas

2

I believe this is more a general CSS/JS/HTML question, rather than one specific to WordPress; the right place for it would be StackOverflow.com. – Aram Boyajyan May 27 '15 at 07:05
http://stackoverflow.com/questions/10292001/how-to-set-font-size-based-on-container-size – Michael Benjamin Sep 25 '15 at 06:57
1

http://stackoverflow.com/questions/16056591/font-scaling-based-on-width-of-container – Michael Benjamin Sep 25 '15 at 06:57

Change font-size in relation to container?

0 Answers0