iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue

by

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');
}

More Related Contents:

  1. (Really) Long Background Image Does Not Render on iPad Safari
  2. How can I force WebKit to redraw/repaint to propagate style changes?
  3. is there a css hack for safari only NOT chrome?
  4. How to remove the border highlight on an input text element
  5. iPad Safari scrolling causes HTML elements to disappear and reappear with a delay
  6. CSS3 animation not working in safari
  7. :not() selector not behaving the same between Safari and Chrome/Firefox
  8. Does overflow:hidden applied to work on iPhone Safari?
  9. Is there a CSS hack to affect Safari only NOT Chrome?
  10. Webkit bug with `:hover` and multiple adjacent-sibling selectors
  11. How to force re-render after a WebKit 3D transform in Safari
  12. How can I remove the gloss on a select element in Safari on Mac?
  13. Angular dynamic background images
  14. Using background-attachment:fixed in safari on the ipad
  15. Bug in CSS3 rotateY transition on Safari?
  16. Is there a way to apply styles to Safari only?
  17. How to detect if the OS is in dark mode in browsers?
  18. Some font-size’s rendered larger on Safari (iPhone)
  19. How to get the scroll bar with CSS overflow on iOS
  20. Safari/Chrome (Webkit) – Cannot hide iframe vertical scrollbar
  21. How to make radial gradients work in Safari?
  22. Font weight turns lighter on Mac/Safari
  23. WebKit CSS content Unicode bug?
  24. Chrome & Safari Error::Not allowed to load local resource: file:///D:/CSS/Style.css
  25. Row Wrap in flex-box not wrapping in Safari
  26. Google Font not working on Safari
  27. Why is filter(drop-shadow) causing my SVG to disappear in Safari?
  28. CSS background-position not working in Mobile Safari (iPhone/iPad)
  29. Why on Safari the transform translate doesn’t work correctly?
  30. Media queries and background images

Leave a Comment