HTML Expand To Fit
If I have a block of text that I want to expand to fill the screen, there ought to be some way to specify this in HTML. Specifically, I want to put contra dance calling cards on my phone [1]. I definitely don't want any scrolling, and I'd like them to be as big as possible. I've figured out a hackish way to do this with javascript, but there ought to be a clean way. The hackish way:
This runs a little loop:
make font huge
while vertical scroll bar present:
make font a little smaller
While this works, I really ought to be able to ask the browser nicely "make this as big as will fit" instead of forcing it to do something so stupid [2]. Is this possible with just html and css?
[1] To replace the tiny illegible index cards in my wallet.
[2] Yes, I could use binary search. O(n) → O(log(n)). Still stupid.
Comment via: google plus, facebook