Jquery Change Height based on Browser Size Resize

Question

I was wondering if there was a way to determine the height width of a browser  What i m trying to do is set  a height on a div to 500px when the browser size is 1024x768  and for anything lower i d like to set it to 400px   Thanks in advance

User · Answer

Pay attention  there is a bug with Jquery 1 8 0    window  height   returns the all document height

User · Answer

Building on Chad s answer  you also want to add that function to the onload event to ensure it is resized when the page loads as well   jQuery event add window   load   resizeFrame   jQuery event add window   resize   resizeFrame    function resizeFrame          var h     window  height        var w     window  width            elementToResize   css  height   h  lt  768    w  lt  1024    500   400

User · Answer

I have the feeling that the check should be different  new  h  lt  768    w  lt  1024

User · Answer

If you are using jQuery 1 2 or newer  you can simply use these     window  width      document  width      window  height      document  height      From there it is a simple matter to decide the height of your element

User · Answer

function          window  resize function            var h     window  height            var w     window  width                elementToResize   css  height   h  lt  768    w  lt  1024    500   400                 Scrollbars etc have an effect on the window size so you may want to tweak to desired size

[javascript] Jquery Change Height based on Browser Size/Resize

Examples related to javascript

Examples related to jquery

Examples related to browser

Examples related to screen