第一次做移动端页面，就发现很多兼容性问题了。

本人一般是在Chrome浏览器控制台调试移动端样式尺寸，但是大家都知道，真机和浏览器是有一些差距的。

然后这个问题卡了很久，各种百度，也没有找到想要的。如图

问题描述：行高（自己编的，还是别的什么...）偏上，输入内容透明不可见的，光标也能移动。我是要正常输入文本，安卓机是正常OK的，就是Safari 会出现这个问题。

解决方法：后来是在找 ios 中 input 兼容性问题，看到有的人说 input 的 line-height 在 ios 中也有兼容问题，我就尝试给 input 添加一个 line-height：normal属性。之前我是没有写的。(一般就是给div 之类的设置行高...虚了)。 然后惊奇发现解决了！！ 我了个擦擦擦。道行太浅啊。

第一次写博客，大神说多写写博客笔记，多看看博客。涨涨知识。受教了。留一笔，希望对有类似问题的道友有一点帮助。努力努力