Mi B / MiB
I'm still not understanding the math as to; How do you get 96px from 8vw if the viewport width is 1200px ? 😄 💢

Mi B <mailto:digital.disc...@gmail.com>
Friday, March 31, 2017 8:45 PMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>

I pasted from OpenOffice. Sorry.
(target PX/1vw in PX ) >> target px expressed in vw. The actual size of 1vw is determined by 0.01*width.

I think it’s mighty strange to think in PX here though. This makes not much sense unless you want to investigate a specific rendering. At least one should need to investigate multiple renderings and see if they behave as expected.

______________________________________________________________________
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>
Friday, March 31, 2017 7:09 PMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>
Your post is sorta jumbled.  You're saying 1vw or (0.01*1200=96px) ?


Mi B <mailto:digital.disc...@gmail.com>
Friday, March 31, 2017 6:57 PMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>
apr. 1 2017 kl. 00:32 Crest Christopher<crestchristop...@gmail.com>:

How do you get 96px from 8vw if the viewport width is 1200px ?

width   1200    px
1 vw    
=0,01*width
px



target  96      px
exp as          (target/1vw     )vw>>  8vw



Tom Livingston<mailto:tom...@gmail.com>
Friday, March 31, 2017 12:24 PMvia 
Postbox<https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>

https://www.sitepoint.com/css-viewport-units-quick-start/



Karl DeSaulniers<mailto:k...@designdrumm.com>
Wednesday, March 29, 2017 8:18 PMvia 
Postbox<https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>
@crest,
Instead, why don't you explain what you're trying to accomplish (in as few 
words as possible)
and we can let you know if VW and VH is practical or if you should be using a 
different way to accomplish said task.

My thoughts are that you are trying to make your text size as the window gets 
resized. Am I correct in this assumption?

Best,

Karl DeSaulniers
Design Drumm
http://designdrumm.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>
Wednesday, March 29, 2017 8:20 AMvia 
Postbox<https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>
​
That is 1000 / 100, how did you get 2.2 from 1000/100 that is 10 ?

Philippe Wittenbergh<mailto:e...@l-c-n.com>
Wednesday, March 29, 2017 1:25 AMvia 
Postbox<https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>

Ok, I assume, given that paragraph above (a quote from somewhere on the 
internets?, source?), I assume you are trying to understand what the following 
means:

.myclass { font-size: calc( 2.2em + 2.2vw); }

1. calc() means: calculate the sum of the following two values.
2. 2.2em - converted a pixel size, assuming 16px base font: 16 * 2.2 = 35.2px.
3. 2.2vw - here is where it gets interesting: `vw` stands for viewport width, 
1vw = 1% of the viewport width.
Let’s assume a 1000px wide viewport / window, then 2.2vw * 1000px/100 = 2.2 * 
10 = 22px

Thus: calc( 2.2em + 2.2vw) = 35.2px + 22px = 57.2px

3b. Now resize the window, let’s assume the viewport / window is 500px wide; 
2.2 * 500/100 = 2.2 * 5 = 11px. In this case, the font-size will be 35.2px + 
11px = 46.2px.

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





Crest Christopher<mailto:crestchristop...@gmail.com>
Tuesday, March 28, 2017 11:24 PMvia 
Postbox<https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>
Your stomach is hurting from the antacids.
I'm only trying to understand.

​
Take my previous example and help me understand.






______________________________________________________________________
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/
Crest Christopher <mailto:crestchristop...@gmail.com>
Friday, March 31, 2017 6:32 PMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>
How do you get 96px from 8vw if the viewport width is 1200px ?


Tom Livingston <mailto:tom...@gmail.com>
Friday, March 31, 2017 12:24 PMvia Postbox <https://www.postbox-inc.com/?utm_source=email&utm_medium=sumlink&utm_campaign=reach>

https://www.sitepoint.com/css-viewport-units-quick-start/




______________________________________________________________________
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