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

时间:2022-01-28 07:18:20

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

把我给苦恼的不行。

问题:头部固定定位后,当input获得焦点时,头部导航会向右闪动一下手机页面关于头部固定定位与input出现的问题出现这么个情况。

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

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

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