2013-10-01 11 views
10

senchaMam webapp z formularzem rejestracyjnym, Korzystanie z safari wszystko działa, ale z jakiegoś powodu przy dodawaniu strony do ekranu głównego (przy użyciu przeglądarki internetowej ios) pojawia się problem. Po kliknięciu pola wprowadzania klawiatura nie jest powiększana do określonego pola, które zostało wybrane i aby rozpocząć zapisywanie do pola tekstowego, należy ponownie nacisnąć pole tekstowe. Używam sencha.Problemy z ios7 z ustawieniem ostrości podczas korzystania z klawiatury html

Odpowiedz

28

znalazłem rozwiązanie dla iOS 7. Użyj następujących znaczników meta na stronach HTML:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" /> 
+0

Nie można sobie wyobrazić, że cały czas zmarnowałem się z poprawką JavaScript dla tego problemu. Twoje rozwiązanie właśnie uratowało mój dzień. – Justin

+1

To rozwiązuje problem, ale częściowo. Przy 'height = device-height' ma zawartość o tym samym rozmiarze co urządzenie, w tym wysokość górnego paska stanu. Co sprawia, że ​​zawartość jest faktycznie wyższa niż dostępna przestrzeń (poniżej paska stanu). Może to być połączone z metatagiem: '', aby zawartość znalazła się poniżej paska stanu, ale nie wygląda tak, jak się spodziewałem. – Mart

+1

'height = device-height' wydaje się być opcją, która to naprawia. Jeśli go usuniemy, przestanie działać. –

3

I w obliczu tego samego problemu. W moim przypadku używam jquery mobile i aby rozwiązać ten problem, dodałem atrybut "autofocus" do pola wejściowego.
To wydaje się symulować pierwsze dotknięcie pola, podczas gdy dotknięcie przez użytkownika otwiera klawiaturę i będzie mógł pisać do tego pola.
Mam nadzieję, że to pomoże.

+0

Absolutnie genialny. Gdzie 'height = device-height' nie jest możliwe ze względu na ustalony nagłówek/stopkę, działa to świetnie. –

Powiązane problemy