How to find using javascript the maximum users browser window width and current

Question

I am searching a way using javascript to find visitors browser window width and height but i want also find the maximum window sizes so if the user make the window smaller or bigger some elements change automatic position or size like facebook chat. Any suggestions ?

Answer 1

The maximum browser size width would be the width and height of the screen:

screen.height;
screen.width;

But I'd use CSS media queries for what you're trying to do:

http://css-tricks.com/css-media-queries/

Something like this would make the page background black if the window is less than 500px wide:

@media only screen and (max-width: 500px) {
  body {
    background: #000;
  }
}

Update:

Oh, and you'll want a polyfill for older browsers that don't support media queries:

https://github.com/scottjehl/Respond

That'll get you media queries all the way down through IE6!