Actually I don’t know if this question belongs in css or javascript but here goes.
I wanted to make a fullscreen background image. I used this snippet:
https://css-tricks.com/perfect-full-page-background-image/
And for the jQuery part I made up this:
var wHeight = $(window).height();//get height of window
$('.fullheight').css('height', wHeight);
$(window).resize(function(){
var wHeight = $(window).height(); //get height of window
$('.fullheight').css('height', wHeight);
})
My problem is that it seems to work everywhere, laptop, imac, android phone. It even works in the google test when I select iPad size but it doesn’t work on a real iPad and I have know idea why.
If you have a iPad check it out for yourself
http://www.christianpineault.com/test
Do you have any idea?
Thanks
Christian
P.s. Be gentle it’s my first site ever…