Easier than I thought
html:
<div class="full-page" id="page-1">Page one goes here</div>
<div class="full-page" id="page-2">Page two goes here</div>
<div class="full-page" id="page-3">Page three goes here</div>
css:
div.full-page {
width:100%;
}
div#page-1 {background-color:#f00;}
div#page-2 {background-color:#0f0;}
div#page-3 {background-color:#00f;}
jQuery:
$(document).ready(function() {
vph = $(window).height();
$('.full-page').css('height',vph);
});
$(window).resize(function(){
vpw = $(window).width();
vph = $(window).height();
$('.full-page').css('height',vph);
});
});
Youāre welcome