When using vw/vh em are always going to be doubled ? What about pixels ?

For example; 2em is equal to 4vw. Also

If the default font size is 16 pixels and if |2vw| is 2% of the viewport’s width ?

Mi B <mailto:digital.disc...@gmail.com>
Thursday, March 23, 2017 11:16 AMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>

I haven’t used these new units, but according to https://www.w3.org/TR/css3-values/#lengths 'vw’ is "1% of viewport’s width and ’vh’ is "1% of viewport’s height”. As ’ems’ are not related to the viewport ”size" at all, then I’d say you can never say what you suggest with any useful certainty, unless you somehow set the basic font size in relation to the viewport size.

Once you’ve set the basic font size for a page, you can use ems or any other relative size unit to change the size for a contained element. That’s if you’ve reset the element specific relative sizes provided by the browser itself somehow. Typically sizes are inherited, but HTML elements also have specific relative sizes in most browsers.
______________________________________________________________________
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/
Crest Christopher <mailto:crestchristop...@gmail.com>
Thursday, March 23, 2017 10:14 AMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach> Speaking of which, can someone once again clarify, for example; 2.2em would equal 4.4vw ?


Tom Livingston <mailto:tom...@gmail.com>
Thursday, March 23, 2017 8:48 AMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>
Sorry, that's just the typical way I hear of these types of things.
Newsletters or this list mainly.





Philip Taylor <mailto:p.tay...@rhul.ac.uk>
Thursday, March 23, 2017 8:23 AMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach> Thank you Tom. I suppose what I had in mind was a W3C-hosted list, but if there is no such thing then pointers to derivative lists such as these would be a good fallback.
Philip Taylor
______________________________________________________________________
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/
Tom Livingston <mailto:tom...@gmail.com>
Thursday, March 23, 2017 7:30 AMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>
I subscribe to newsletters such as Frontend Focus, Alistapart (digest),
Versioning (less focused, but good), Responsive Design Weekly, CSS-tricks
and a couple others I can't think of right now. If I dig them up I will
reply again.



On Thu, Mar 23, 2017 at 6:35 AM Philip Taylor <p.tay...@rhul.ac.uk> wrote:

It is only in the last few days that I have learned of the existence of vh
and vw units. I can already see just what an advance they represent, and I
am very sorry that I did not learn of their existence earlier. To which
list should I subscribe if I wish to be regularly and reliably informed of
changes to the CSS specification(s) ?
--
<Signature>
Philip Taylor
______________________________________________________________________
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/

Reply via email to