Tom, Setting the root element's font-size to 62.5% results in a REM unit being equal to 10px assuming that the users UAr default font-size is set to 16px which what overwhelming majority of browsers in the wild are set to. Some folks prefer to do it this way because it's easy to think in base 10. Also, by setting the root element's font-size using a percentage allows the user to change the UA's default size while retaining a design build using the REM unit.
As for the OP's question. I don't see what Elizabeth describes in Mozilla Nightly (still need to try in on FF). The diffs I did see between Nightly and Chrome are minor and appear to be due to the usual diffs in UA font rendering engines. Eric > On April 7, 2014 at 10:41 AM Tom Livingston <tom...@gmail.com> wrote: > > > On Mon, Apr 7, 2014 at 10:30 AM, Davies, Elizabeth > <elizabeth_dav...@gallup.com> wrote: > > I've not used PX sizing for well over a decade. We did recently change to > > using REM's off of a % on the HTML. > > > > The site in question uses a % on the HTML and REM's on the typography with > > PX in a legacy IE-only (for those that don't support REM). I can't post an > > URL as its internal, but it uses similar base to > > http://www.gallupstrengthsfinder.com (except the GSC site cascades PX to > > REM's instead of having a separate conditional, the internal site has them > > separated out with a conditional.) > > > > html { font-family: Arial, Helvetica, sans-serif; > > font-size: 62.5%; > > -ms-text-size-adjust: 100%; > > -webkit-text-size-adjust: 100%; > > } > > > > P (etc etc) { > > font-size: 1.6rem; > > line-height: 1.5; > > } > > > > ELIZABETH DAVIES > > Input | Intellection | Learner | Achiever | Belief > > > > > I'm sure Felix can give an in depth explanation as to what's > happening, but I have to ask... > > What's your reasoning for using 62.5% on the HTML element, then sizing > body copy back UP with 1.6 rems? What is accomplished over 100% on > HTML and 1rem on body copy? Did you try this to see if FF behaves > better? > > As I said, Felix can give far more knowledge on this than I can, but > to my eye, you are working harder to achieve the same thing and 100% > on the HTML respects a users default browser settings. > > > -- > > Tom Livingston | Senior Front-End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com > ______________________________________________________________________ > css-discuss [css-d@lists.css-discuss.org] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
