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
______________________________________________________________________
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/

Reply via email to