As mentioned EM and VW have nothing to do with each other. Therefore the following

Correct me if I'm wrong but wouldn't the following be 4.4em if 2.2vw is added to the font-size of 2.2em ?

calc( 2.2em + 2.2vw );.

​


Philippe Wittenbergh <mailto:e...@l-c-n.com>
Thursday, March 23, 2017 10:24 PMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>

Mr Crest,

As others have already said: `em` units and `vw` units have NOTHING, I repeat, NOTHING, to do with each other.

(also, if you don’t mind, please take the time to trim your replies to this list)


Philippe
--
Philippe Wittenbergh
http://l-c-n.com/





______________________________________________________________________
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:02 PMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>
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.






______________________________________________________________________
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