Grow your CSS skills. Land your dream job.

Text height question

  • # June 15, 2013 at 6:32 pm

    Hi!

    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.

    http://greenavis.com/

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

    http://css-tricks.com/viewport-sized-typography/

    http://css-tricks.com/the-lengths-of-css/

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".