Wednesday, December 12, 2018

Responsive fonts with vh and vw

Working on site I was trying out responsive fonts and set the font-size to 5vh.

When I squeezed in the sides the font size didn’t change. When I turned on Firebug or Chrome’s developer tools the font shrunk.

I discovered what I needed was “vw” and not “vh”. “W” stands for width, and “H” is for height.

I hope this helps someone else out there….

 

0 Comments

Leave a Reply

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>