最近开发网页用到如下css
.panduan_d .bandui_en {
background: #fff url(../img/qbank_stu_bandui.png) no-repeat center;
background-size:1.47rem 1.35rem;
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
box-shadow: 0px 0px 40px #ccc;
float: left;
margin: 0 0.75rem;
margin-top: 10px;
}
在浏览器显示都正常,但是在Android设备上当页面中图片多了,或者有数学公式的时候,加载完之后就会出现各种图片错乱。绝对的大坑啊!
查了很多资料,各种实验,终于找到了个解决方案!
在上述样式中添加如下的代码
-webkit-transform:translate3d(0,0,0);
意思是进行强制重绘
网友评论