To be more clear: REMs, on the other hand, are relative to the root element (HTML) which is based on the browser preference setting.
On Thu, Mar 23, 2017 at 11:39 AM, Tom Livingston <tom...@gmail.com> wrote: > Once again, they are unrelated in the way you are showing here. > > vw/vh units are related to the VIEWPORT dimensions. 1vm = 1% of the > viewport width, *whatever* it may be. > > 2.2em is a unit relative to a users browser preference setting AND/OR the > size set on a parent element. If browser preference is set at 16px then 1em > = 16px. EMs compound, so they can be tricky. So browser is set to 16px, > parent set to 2em, then child set to 2em will be equivalent to 64px (16 x 2 > x 2). > > REMs, on the other hand, are relative to the root element (HTML) which is > the browser preference setting. So if the browser preference is 16px and > you set an element to 1rem, NO MATTER WHERE IN THE DOM IT IS, it will be > equivalent to 16px; > > > > > > On Thu, Mar 23, 2017 at 10:14 AM, Crest Christopher < > crestchristop...@gmail.com> wrote: > >> Speaking of which, can someone once again clarify, for example; 2.2em >> would equal 4.4vw ? >> >> >> > > > -- > > Tom Livingston | Senior Front End Developer | Media Logic | > ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com > > > #663399 > -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ 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/
