手机端ios下非safari浏览器和android浏览器拖拽阻止rotate属性

Question

手机端ios下非safari浏览器和android浏览器页面内拖拽阻塞css3 的transform rotate。

代码如下: demo地址

<div class="place-div">
    <img src="http://7fvgk8.com1.z0.glb.clouddn.com/%E9%9B%B7%E8%BE%BE@3x.png" alt=""class="fetch-ing-img" />
</div>

html, body {
    height: 100%;
}
.place-div {
    width: 100%;
    height: 100%;
    background: #f00;
    padding-top: 100px;
    text-align: center;
}
@-webkit-keyframes refresh {
    0% {
        -webkit-transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.fetch-ing-img {
        width: 19px;
        height: 19px;
        -webkit-animation: refresh 0.5s linear infinite;
        -o-animation: refresh 0.5s linear infinite;
      -moz-animation: refresh 0.5s linear infinite;
        animation: refresh 0.5s linear infinite;
}