February 15th, 2013, 06:41 PM
I'm currently building a site for use on desktop, tablet, and mobile devices. Everything is going great, apart from a little trouble with my logo image. I would like to know if anyone who has or can quickly whip up a script to detect browser resolution and then resize the logo images accordingly (and possibly the divs they are held in too) without affecting any other images.
February 15th, 2013, 09:13 PM
Look into CSS3 Media Queries and use some type of utility/plugin; like Modernizr, to make it "some what" cross browser compatible. This is the best approach, for what you are trying to do.
February 16th, 2013, 02:23 PM
Aha! Thank you very much Web_Loone08, I completely forgot about the added media queries in css3. Max-width is perfect for what I was trying to achieve.
Originally Posted by web_loone08