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

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

转载于:https://www.cnblogs.com/changlun/p/6934437.html

华为自带浏览器兼容性总结其一相关推荐

华为自带浏览器绕坑大法！
本人前端菜鸟,最近在做移动端网页的时候,使用的是弹性盒布局,在其他浏览器上面都没有问题,但是就是在华为自带浏览器上弹性盒布局不管用,已经试过在前面加webkit,moz,ms前缀,结果都不行不过现在 ...
记一次移动端兼容问题（已解决）（华为自带浏览器）
记一次移动端兼容问题(已解决)(华为自带浏览器) 参考文章: (1)记一次移动端兼容问题(已解决)(华为自带浏览器) (2)https://www.cnblogs.com/lee-xiumei/p/1 ...
华为自带浏览器无法使用
一.首先确认其他浏览器是否正常使用 1.Microsoft Edge 页面截图 2.谷歌页面截图问题所在:Microsoft Edge浏览器版本 111.0.1661.43 (正式版本64 位)兼容 ...
h5开发解决华为自带低版本浏览器兼容的问题
先说明一下场景,要求做一个h5贷款的表单提交,既能在app内使用也app外面使用,app使用版本高,自然不用太多考虑兼容性问题,flex布局随意发挥,但在app外面使用的场景就复杂得多,市面上的主流机 ...
小米华为手机自带浏览器上传图片提示：没有应用可执行操作
当使用小米手机.华为手机自带浏览器上传图片时,会提示:没有应用可执行操作.最初以为是上传组件的问题,后来发现用原生的表单上传是没有问题的.通过对比发现是多了个accept属性. 代码如下: <i ...
华为手机自带浏览器不支持 ES6 语法
原文地址:https://caochangkui.github.io/huawei-es6/ 华为手机自带浏览器对 es6 语法的支持度极差,哪怕最新的荣耀10 手机也有该毛病!所以,移动端项目开发中 ...
华为手机自带浏览器无法下载 iis 网站 apk 问题解决方案(和SSL有关)
公司 web 服务器上部署了一个下载 app 的网站,同时也是 asp.net mvc 开发的 api 服务端,好久之前就有用户反馈华为手机自带浏览器无法下载 apk,查了好久都没找到原因,今天终于把 ...
android应用是非正式版本,华为手机自带浏览器，应用是非正式发布版本，当前设备不支持安装
查了一下网上一些解决方案: 解决方法: 在gradle.properties 文件中添加如下指令: android.injected.testOnly=false 但是我配置了没有效果,我测试是用华为 ...
华为p30自带浏览器样式表命名为skin.css 里面的color样式不起作用
样式表命名为skin.css 华为p30自带浏览器里面的color 样式不起作用, 所以不能用skin命名样式表

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

华为自带浏览器兼容性总结其一相关推荐

最新文章

热门文章