手机页面关于头部固定定位与input出现的问题

前些天写了一个页面，要求头部导航进行固定定位position:fixed.内容区域有输入框input。在大多数手机上都是显示正常的，可偏在一些低版本的手机却出现问题了。

把我给苦恼的不行。

问题：头部固定定位后，当input获得焦点时，头部导航会向右闪动一下出现这么个情况。

后来终于找到了解决的办法。就是一个属性在作怪：input{outline:none}加上这个就ok了。

outline 属性在一个声明中设置所有轮廓属性。input上加上outline与去掉outline属性，input会有一个明显的不同。

这说明自己的知识还是十分的浅薄，要好好的加强自身的修炼了。