ios input输入时白屏

Question

html代码

css代码

手机系统ios9
点击输入前截图：

手机输入后截图

问题描述：
hybrid app。前端做完页面嵌入原生应用中，在点击input输入时出现上述问题。该问题目前只在ios9 safari中出现。刚开始做hybrid移动端开发，菜鸟一枚，另求大神指点如何高效开发hybrid移动端，以及相应的架构和工具。

Answer 1

style="margin-top:5px;margin-left:16px"

this is the bug.you should add class attribute and put it in css file.

Answer 2

在input的父元素上添加style="postion:relative;"
我也遇到了这个问题，在百度上找了好久都没找到，希望以后踩坑的同学能看到这个答案

Answer 3

给input加上 line-height：normal 试试看。
前几天碰到这个问题，行高偏高，输入内容是透明不可见，光标也能移动。
偶然找到这个答案，对我无效。费了点时间发现是Safari的原因。
然后回来注册账号，解答一下，希望对大家有所帮助

Answer 4

我也遇到了 很多方法可以解决，比如定位用非static、硬件加速、等等
感觉像是浏览器bug 但是一直没有找到，楼主找到了吗？

Answer 5

请问 ios顶部状态栏你是怎么处理的，20px的高度。状态栏会盖住页面顶部。有什么好的方法吗