由于华为自带浏览器使用精简版的uc内核，所以考虑出现显示异常问题时，当以最原始的样式格式书写为基准。

.search-box input.search {

width: 100%;

width:-moz-calc(100% - 22%);

width:-webkit-calc(100% - 22%);

width: calc(100% - 22%);

background-color: #fff;

position: absolute;

left: 3.5rem;

top: 0;

z-index: 0;

color: #666666;

line-height: 3.4rem;

}

比如上边，任何其他浏览器都不会出现什么问题，但是mate8和p9就出现异常。

红色部分由于同事疏忽未经计算，导致mate8和p9就出现异常。

由于页面结构复杂不容易发现。

 

----最开心的就是把繁杂的问题KO掉！