Full screen div at any screen and resolution
Add this in your javascript file and call this file after jquery file
function fullsize() { var new_height = window.innerHeight; // get new height of window var fullsize = new_height; fullsize = parseInt(fullsize) + 'px'; // concatenate string get output in px format jQuery("div").css('height',fullsize); // changing height of div } jQuery(document).ready(function() { fullsize(); jQuery(window).bind('resize', fullsize); // event is call at screen change ( resolution changes ) });
Note: you can replace ‘jQuery’ with ‘$’ if there is any issue due to ‘jQuery’ Keyword.