Thread: Confused About Computed Final Style
View Single Post
Old 09-02-2024, 07: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: 776
Karma: 1538394
Join Date: Sep 2013
Device: Kobo Forma
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 07:48 PM.
enuddleyarbl is offline   Reply With Quote