iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue
In my case, the solution was to change positioning to fixed: @media (orientation:landscape) { html.ipad.ios7 > body { position: fixed; bottom: 0; width:100%; height: 672px !important; } } I also used a script to detect iPad with iOS 7: if (navigator.userAgent.match(/iPad;.*CPU.*OS 7_\d/i)) { $(‘html’).addClass(‘ipad ios7’); }