HTML – 为什么CSS过渡落后于移动Chrome？

在我的CSS图像缩放功能工作期间,我在移动Chrome中遇到了性能问题.

描述：
如果我尝试通过直接将CSS转换属性添加到图像来缩放图像,一切都很好.变焦过渡像黄油一样平滑,具有60fps(JSFiddle).

<img src="http://placehold.it/1000x1500" style="transform:matrix(2,2,0);" />

问题：但是如果我将图像包装在div容器中并尝试转换容器,则转换非常滞后(JSFiddle).过渡开始时有很大的延迟并且不顺畅.
它似乎只是移动Chrome浏览器的问题,因为它不会出现在其他浏览器上,例如Android上的Firefox,只能在我的移动设备(Nexus 5)和其他一些Android设备上.

<div style="transform:matrix(2,0);">
    <img src="http://placehold.it/1000x1500" />
</div>

有人知道CSS或HTML结构有什么问题吗？

**Transformations seem to work better than transitions in Chrome. Try this:**
        The flickering effect one quick mouse in/out should be gone too now.