Help with responsive design using Viewports

[celebrian]

Hello, I’m confused about using viewport units and would love some help.

I’ve gone through a tutorial on viewport sizing and it says “Viewport is the browser window size. 1vw = 1% of viewport width. If the viewport is 50cm wide, 1vw is 0.5cm ”

So if I set 1vw for my text, what does it mean? Each letter in my text is 0.5cm? Or does it mean that the width of my entire text paragraph is 0.5cm?

[Paulie_D]

So if I set 1vw for my text

I’m assuming you are referring to font-size. That being the case, it’s not text width that’s relevant here (generally).

Font-size refers to the height so each letter will be 1% of the width of the viewport.

[celebrian]

I see! Thanks for your explanation Paulie!! Very much appreciated!!

[Author]

Posts