Auto-Detect Screen Resolution in order to have multiple, resolution based, css? (3 posts)

  1. tommyjcaps
    Posted 6 years ago #

    Basically, here is the blog: http://babygracephotography.com/wordpress

    I'd like to somehow auto-detect what size screen the user is using and have that decide what header image to use.

    That's the only thing I want to change based on screen resolution...I want our logo to be bigger or smaller based on what size screen the user is viewing it on...to provide continuity...I plan to add other images to the header as well...so this will come in handy for that as well

    Thanks so much in advance for your help!

  2. Norrismantooth
    Posted 6 years ago #

    Did you ever find a resolution for this? I am looking for the same thing.

  3. s_ha_dum
    Posted 6 years ago #

    You'll have to do it with javascript.

    Screen size isn't what you want though. What you want is the available window size.

    I don't understand why you don't just scale the image though. That can be done with css and you never need to know the screen size or window size.

Topic Closed

This topic has been closed to new replies.

About this Topic