Thread: Confused About Computed Final Style
View Single Post
Old 09-02-2024, 08:25 PM   #5
enuddleyarbl
Guru
enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.enuddleyarbl ought to be getting tired of karma fortunes by now.
 
enuddleyarbl's Avatar
 
Posts: 793
Karma: 1538394
Join Date: Sep 2013
Device: Kobo Sage
Quote:
Originally Posted by Karellen View Post
Answering question 1 -
I get slightly different font-sizes.
Headline = 10.8416px
<p> = 12.32px

I think the difference is coming from the double font-size: 0.88em; used for the "headline" text.
Once in .headline and once in div.status
Hmmm. I was under the impression that em was based on the initial font size. But, I just double-checked and it looks like it's based on the inherited font size. I'll have to check the various font-size elements in my style sheet and see if they're stacking.

Maybe I should be using rem instead of em since rem seems to be based on the initial font size.

EDIT: Or, perhaps, things like xx-small, x-small, small, medium, large, x-large, xx-large, xxx-large.
EDIT 2: Looks like you were right about the font-size stacking. I changed those from 0.88em to small and the computed absolute font sizes are now identical. I'll take the font-size aspect over to the epub forum and see what the consensus is on best practice.

Thanks.
Last edited by enuddleyarbl; 09-02-2024 at 08:48 PM.
enuddleyarbl is offline   Reply With Quote