::  Posts  ::  RSS  ::  ◂◂RSS  ::  Contact

HTML Expand To Fit

September 6th, 2012
html, tech  [html]
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:
Draft: Trip To Lambertville
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

Recent posts on blogs I like:

Live the questions now

Here’s some advice that my Godmother, Lynne Caldwell, gave me a few years ago. I found it again the other day and it struck me that at least I understand its wisdom now. She really did get my problem. It feels like he’s speaking directly to me. It’s from …

via Holly Elmore January 23, 2020

International Links: a Revision

In 2011, I wrote a post arguing that international links underperform. I gave examples, using many links nearly all of which have rotted in the 8.5 years since, showing that the ridership on various air and rail city pairs was lower if they were in two di…

via Pedestrian Observations January 22, 2020

Algorithms interviews: theory vs. practice

When I ask people at trendy big tech companies why algorithms quizzes are mandatory, the most common answer I get is something like "we have so much scale, we can't afford to have someone accidentally write an O(n^2) algorithm and bring the site d…

via Posts on Dan Luu January 5, 2020

more     (via openring)

More Posts:


  ::  Posts  ::  RSS  ::  ◂◂RSS  ::  Contact