iPhone鍵盤縮小了網絡應用程序的模式大小

Question

我有一個網站，它有一個模式。點擊div時，模式彈出。模態中有一個輸入。在移動設備上查看網站時，我遇到了點擊輸入時彈出iPhone鍵盤的問題。該模式似乎保持相同的大小，但如果我然後關閉iPhone鍵盤，模式縮小到屏幕大小減去鍵盤大小。

Answer 1

似乎有一個iOS的bug和position:fixed;元素的渲染when using the virtual keyboards。

您應該嘗試更改模式以使用position:absolute;並查看是否可以解決問題。

您也可以嘗試User Agent Sniffing method here。

Answer 2

很難說沒有看到任何代碼，但也許你需要添加viewport meta標籤？

如果您還沒有這樣做的話，試試這個：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />