The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Text height question

  • # June 15, 2013 at 6:32 pm


    I have a little problem. I have a menu ul with a height of 4% of the whole page.
    I now want the font-size to follow the height of the ul. It looks like this:

    The ul changes size according to the browserwindow’s size, but the text is always the same size.

    The li.item font-size is set to 100% at the moment.
    Thanks in advance.

    # June 15, 2013 at 6:32 pm

    # June 16, 2013 at 2:01 am

    There is a ‘new’ value “vh” (instead of px or em) which is a percentage of the viewport height.

    This might work but it only works in latest browsers so you will need a fallback anyway.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed