Chrome and Page Zooms

  • Resolved dtjin

    (@dtjin)


    10 years, 7 months ago

    My page doesn’t look “right” unless I zoom out to 90 percent on chrome. If I press ctrl plus 0, my header images turn huge. If I zoomed out to say 75 percent, my widget side gets push to the bottom of the page…

    I don’t think I changed any of your media queries… what gives?

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter dtjin

    (@dtjin)

    Hey Morten and everyone,

    I was looking at your site and I noticed that when I zoomed in and out, the images also got bigger and smaller.. but the images on my site doesn’t…. this is what is pushing my widget sides to the bottom, see example:

    https://dtjin.htpwebdesign.ca/explanations/egglicious/

    How come?

    The height of the header is controlled by the height of the text content in the header. Since you are using an enormous font that is not scaling down as the screen gets narrower the header takes up more and more space. Use media queries to reduce the size of the header font on smaller screens and you’ll be good.

    Thread Starter dtjin

    (@dtjin)

    I thought the header height was controlled by the header image height… I didn’t think the header font was controlling it…

    Thank-you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Chrome and Page Zooms’ is closed to new replies.