Manually adjusting line-height for optimum readability across a bunch of media queries is kind of a pain. So I made a thing. One sets a minimum width at which the adjustment starts, a maximum element width where it stops, and a minimum and maximum line height to adjust through. This isn’t especially well-tested, but seems to check out in all the big desktop browsers (including IE).
- Binding to
resizemakes me nauseous to begin with, and in this first pass I’m going about it in a particularly gross way. - There’s a demo right hurr.
- Full credit to Tim Brown for the post that got my lazy ass in gear on this, and the awesome name.