ios9 mobilny safari krajobraz błąd css z pozycji: absolutne dno: 0

Question

Nie mogę znaleźć sposobu obejścia tego problemu.

Na ios9 w Mobile Safari, jeśli webapp wykorzystuje position:absolute i bottom:0 za treść obszaru pokrycia cały ekran, gdy w landscape mode bar safari nawigacja pokryje dno treści i nie można przewinąć poza tym - to robi NIE blokuj portretu.

1. tryb portret jest w porządku, nawet gdy pasek nawigacyjny jest tam
2. to nie jest zmiana bug orientacji dzieje, jeśli strona jest uruchamiany w krajobrazie
3. bug się nie dzieje, gdy strona zostanie dodana do ekranu głównego, działa perfekcyjnie w krajobrazie i zawartość jest widoczna (ponieważ nawigacji nie ma)

Dlaczego więc safari daje bottom:0 poprawne zdjęcie portretowe, ale nie krajobrazowe?

Answer 1

ustawienie position:fixed na elemencie html magicznie ustalonej ten

html { position:fixed; width:100%; height:100%; overflow:hidden; }

nie wiem, dlaczego, ale musi być błąd renderowania że fixed prace wokół

jakiegoś powodu fixed zmienić również rozmiar czcionki w krajobrazie ale mogę obejść to również

Answer 2

Miałem ten sam problem, przy zmianie orientacji, jeśli jest wTryb, zmień viewport meta do:

width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no 

Robię to po prostu znalezienie $('meta[name="viewport"]') i zastąpienie jej content.