Re: vh and vw as units for dimensions.

Okay, I understand now. Thank you for the explanation. This really cleared
things up.

1vh = 1% of html, body's height and 1vw = 1% of html, body's width.

And they let one use the units as relative the percentage of the html, body
height and width instead of relative to the parent height and width.

On 28 May 2013 08:59, Tab Atkins Jr. <> wrote:

> On Tue, May 28, 2013 at 6:28 AM, irfan mir <> wrote:
> > I just learned about the vh and vw units and see how it would be very
> > helpful in terms of typography.
> >
> > But in terms of using it as a unit for dimensions, what differentiates vh
> > for height and vw for width from percent?
> > Don't a 100 of all 3 take up the entire viewport?
> As Henrik said, percentages are only equal to vw/vh on the html/body
> elements, and on other elements if *every ancestor was 100%
> width/height as well*.
> That's obviously rarely true, so vw/vh let you use the viewport size
> deeper into your page structure.
> It also works for things where percentages are interpreted
> differently, like font-size (where they're relative to the parent's
> font-size).
> ~TJ

              Irfan Mir.

Received on Tuesday, 28 May 2013 17:48:39 UTC