W3C home > Mailing lists > Public > www-style@w3.org > May 2013

Re: vh and vw as units for dimensions.

From: ACJ <ego@acjs.net>
Date: Tue, 28 May 2013 20:02:59 +0200
Message-ID: <51A4F153.1080609@acjs.net>
To: www-style@w3.org
Op 28-5-2013 19:48, irfan mir schreef:
> 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.

Well, technically, 1% of the the viewport's height and width, 
respectively. This is not necessarily the same as the computed 
dimensions of the body and/or html elements.

Sincerely,

ACJ

>
>
> On 28 May 2013 08:59, Tab Atkins Jr. <jackalmage@gmail.com 
> <mailto:jackalmage@gmail.com>> wrote:
>
>     On Tue, May 28, 2013 at 6:28 AM, irfan mir <theirf@gmail.com
>     <mailto:theirf@gmail.com>> 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
>
>
>
>
> -- 
> Regards,
>               Irfan Mir.
Received on Tuesday, 28 May 2013 18:03:26 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:30 UTC