The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › Help with responsive design using Viewports
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?
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.
I see! Thanks for your explanation Paulie!! Very much appreciated!!