Quote:
Originally Posted by JSWolf
Here is the CSS used in v4.
Is there anything that should have been done differently? I did expect to get more text on the Aura's screen. I set the font size in p to 1em and H2 to x-large and h3 to large. Line height is set to 1.0em in p, h2, and h3. So if I can fix things to get more text on the Aura screen, please tell me how and I'll make the changes in v5 and post that.
|
<nit pick mode: on>
Don't use em with line-height -- it is relative to the font-size. Line-height can be set with absolute measurements such as pt, px, cm, etc. but use 1.1 or 110% when you are going relative to the font-size in an element.
<nit pick mode: off>
I looked at the size of the h in Chapter in your image with the image height set to 12.24cm (matches the vertical size of a 6" eInk screen), I matched the Aura to the same font size as near as my trusty calipers could measure and got 1 extra line per screen with a 1.1 line height.
Regards,
David