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….


This entry was posted in Uncategorized. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *