华为自带浏览器兼容性总结其一

由于华为自带浏览器使用精简版的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掉！