jquery - How to check initial screen size -

i have jquery code dynamically check screen size, goes this...

$(window).resize(function() {   windowsize2 = $(window).height();   windoww = $(window).width();   if (windowsize2 < 400) {   ...   ...

the purpose of code resize particular div when screen made smaller. works, when screen greater 400 , shrunk down below 400.

however, lets user opens website screen size of < 400, in case, code above not read screen size , therefore not resize div. if user resizes screen.

how can use jquery ensure div resized if user opens website screen height of < 400?

how can use jquery ensure div resized if user opens website screen height of < 400?

you can refactor code method , call method on both resize , once page loaded.

refactor code like:

function resizediv() {     windowsize2 = $(window).height();     windoww = $(window).width();     if (windowsize2 < 400) {    ...    ... }

then, depending on use case, there 2 options call method when page loads:

$( document ).ready(function() {     resizediv(); });

code included inside $(document).ready() run once dom ready javascript code execute.

2. can use window.load

code included inside $( window ).load() run once entire page (images or iframes), not dom, ready.

$( window ).load(function() {      resizediv(); });

in general, not necessary wait images loaded. if code can executed earlier, best place in handler sent ready() method.

Camp