How do you check a screen size using jquery?

Question

I would like to figure how i would be able to check the screen size upon re sizing the screen. Is the a jquery command that will allow me to do that?

Answer 1

Check out the JQuery .height() and .width() functions.

Answer 2

You cannot really find the display resolution from a web page. However, there are CSS Media Queries statement for it, but they are poorly implemented or not implemented at all in most devices and browsers.

You can use something like this to get the width and height of the browser:

  $(window).height(); // New height
  $(window).width(); // New width

To get notified when the browser is resized, use this bind callback:

// This will execute whenever the window is resized
$(window).resize(function() {
    // Do something
});