[bug]小米部分機型(5x、mix2)中，文字/背景閃現然後消失

標籤：card   col   for   lock   pad   bug   rem   結構   dex   

描述：
使用vue 2.4開發HTML5時，遇到在小米部分機型（5x、mix2）中，文字/文字背景閃現然後消失。

如下，.a-blue-block的藍色背景閃現一下，接著藍色背景突然消失，只剩下文字。

html 結構：

      <div class="pannel-item" v-for="(item, index) in ps" :key="index">        <div class="a-blue-block">          <div class="title">            <span>{{item.name}}</span>            <span v-if="item.ename">{{item.ename}}</span>          </div>          <div class="desc">{{item.itn}} {{item.idcard}}</div>        </div>     <div>

部分css

$rem: 1 / 18.75 * 1rem;.a-blue-block {  padding: 16*$rem 20*$rem;  border-radius: 6 * $rem;  color: #000;  background: #1188FF;  box-shadow: 0 4px 10px #ccc;}

修複：
在消失元素的父級上，添加background:#fff。

至於為什麼會出現這個bug，以及添加白色/任意背景可以修複這個bug，不要問我，我也不知道。

如果哪天有人遇到或知道為什麼，希望能夠告訴我。

[bug]小米部分機型(5x、mix2)中，文字/背景閃現然後消失