Your stomach is hurting from the antacids.
I'm only trying to understand.

   In this example, at a viewport width of 0, the font-size would be
   exactly 1em. As the screen >gets larger, the value of 1vw would be
   added to the minimum font size of 1em. But this >technique is not
   always ideal; often we want to set a minimum font size at a screen
   size other >than zero.

​
Take my previous example and help me understand.





Karl DeSaulniers <mailto:k...@designdrumm.com>
Tuesday, March 28, 2017 11:00 PMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>
Ouch. My stomach hurts.

@crest
Go post that question on Stack Overflow and see what they say.

Best,
Karl

Sent from losPhone

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



______________________________________________________________________
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