CSS精灵不适用于Chrome移动版

Question

HTML：

<span class="activity-2">&nbsp;</span>

CSS：

.activity-2 {
    background-position: 0 -80px;
    border: 1px solid #e4e4e4;
    border-radius: 2px;
    background-image: url(https://i.imgur.com/E5Jr2Tv.png);
    display: block;
    height: 40px;
    text-indent: -1000em;
    width: 40px;
    float: left;
}

小提琴：https://jsfiddle.net/7mqkofuq/

我测试过的每个桌面/移动浏览器都能正确显示背景图片，Chrome手机除外。为什么？

Answer 1

尝试添加preserveAspectRatio =＆＃34; none＆＃34;到你的班级