admin管理员组

文章数量:1562469

如标题所示,今天记录一下小米手机自带浏览器的问题。

同一个页面代码,不论在微信环境,其他第三方浏览器,或者嵌入app中显示都没有问题,唯有小米手机自带浏览器,莫名其妙的有个元素不见了。

然后一顿改代码,换各种方法测试。。。

猜测:

1.层级不够高,被其他元素遮盖,

2.css定位的兼容,

3.js设置css显示没有生效

最终发现是类名的问题!!!!! 

不能使用 top_box  

<div class="top_box">
    我的类名是top_box,在小米浏览器中被强制隐藏
</div>
<div class="top-box">
    我的类名是top-box
</div>
<div class="top__box">
    我的类名是top__box
</div>

 

本文标签: 奇葩自带小米屏蔽元素