Header logo size increasing along with browser font size settings

[middayminer]

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: http://www.foundwonders.com

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?

[Paulie_D]

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.

[middayminer]

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: http://www.oreillynet.com/xml/blog/2006/03/more_statistics_on_user_clicks.html
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?

[Author]

Posts