2013-10-02 50 views
1

使用iPad Mini。 IO 7.0.1 我有一個Web應用程序,在主屏幕上以縱向模式運行。請記住。使用一切都在IO6(所有版本)正常工作IO7鍵盤更改頁面方向

當我點擊輸入字段的問題出現了:

  • 鍵盤彈出(這就是OK)
  • 由於鍵盤彈出我猜,網頁進入橫向模式! - 搞亂整個佈局(見圖像)
  • 光標跳到下一個輸入字段!

我試圖用圖像來解釋這個問題有點多:

此搜索:沒有鍵盤的Web應用程序 step 1

鏡像2:點擊文本字段後的Web應用程序 step 2

所有這些都沒有旋轉iPad。

這裏的任何人也遇到過這個問題? 有沒有辦法阻止這種行爲。也許有一個選項可以完全停止頁面改變其方向? (我只需要支持肖像!)

在此先感謝!

+0

聽起來像一個縮放問題,沒有更多的代碼,這裏的人很難幫助你,查看元標記https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef /Articles/MetaTags.html – slf

回答

0

這是一個已知的iOS7錯誤。當鍵盤以全屏模式出現時(從主屏幕啓動),它們正在更改設備大小。我正在使用依賴縱橫比的媒體查詢來解決這個問題。

0

this thread中描述的同樣的問題。解決方法就在那裏。

當鍵盤在縱向模式下彈出時,如果它佔據了一半以上的屏幕,它將觸發橫向模式,而不是簡單地重疊縱向屏幕。

您的錯誤是Apple7特有的iOS7,但是鍵盤錯誤also effects Android devices,因此變通方法中的寬高比寬度窗口。

3

不知道這是否是相關或不:-),但加入

高度=設備高度

到我的中繼檢視爲我工作。