CSS 스프라이트는 크롬에 모바일

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 = "none"을 클래스에 추가하십시오.