Grow your CSS skills. Land your dream job.

Setting Minimum width to text when using CSS font-size:VW and Jquery

  • # June 6, 2013 at 12:18 pm

    It’s my first time ever using CSS vm font sizing to make my text scale according to the browser window, and alittle jQuery is being used too. It works great but when you re-size the browser to a smaller scale the text shrinks beyond reading level. I want to set a minimum font size to this. Much like CSS min-width but for text. If you go to “contact us” and resize the browser. The phone, email, and fax text become too small at a certain point.

    http://reallycoolstuff.net/PROJECTS/official/

    # June 6, 2013 at 12:19 pm

    Why can’t you change the value in a media query..wouldn’t that be the normal way to go?

    I assume you mean vw or vh rather than vm?

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

    # June 6, 2013 at 12:31 pm

    @Paulie_D right i meant VW. And i guess i could do it with media queries but this seems more fluid to me.

    # June 6, 2013 at 12:45 pm

    @Paulie_D that din’t help much. I still need a way to limit the font size.

    # June 6, 2013 at 1:09 pm

    There is no min-font-size property AFAIK so I think you are out of luck.

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

You must be logged in to reply to this topic.

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