The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Header logo size increasing along with browser font size settings

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #150922

    Hi guys, I’m trying to add some user font size compatibility for my site, but the logo size is changing as well when browser font size is increased.
    Page here:

    Right now I’ve managed to keep my layout in one piece up to 4 zoom steps/IE’s largest font setting, but I can’t figure out the logo thing. I’m betting it’s the properties I added to make it responsive…is there a way to keep those while fixing this problem?


    You have a max-width in rem on the anchor link which might be having an effect.

    That said, nobody zooms that much and if they did, I’m not really seeing any particular issues.


    Yeah, I got carried away with maintaining UX integrity for hypothetical user scenarios I guess. I haven’t done research on how much font-size gets overridden, just jumped in and started testing.
    dug a bit and found this:
    7% sounds safely negligible enough. :)

    That’s the thing with max-width though, it’s there to keep the width:100% property in check, which in turn is used for responsiveness…I guess it’s an either leave it or not have logo responsiveness deal here?

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.