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

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