在我的CSS图像缩放功能工作期间,我在移动Chrome中遇到了性能问题.
描述:
如果我尝试通过直接将CSS转换属性添加到图像来缩放图像,一切都很好.变焦过渡像黄油一样平滑,具有60fps(JSFiddle).
问题:但是如果我将图像包装在div容器中并尝试转换容器,则转换非常滞后(JSFiddle).过渡开始时有很大的延迟并且不顺畅.
它似乎只是移动Chrome浏览器的问题,因为它不会出现在其他浏览器上,例如Android上的Firefox,只能在我的移动设备(Nexus 5)和其他一些Android设备上.
有人知道CSS或HTML结构有什么问题吗?
最佳答案
http://jsfiddle.net/wsgfz/5/
**Transformations seem to work better than transitions in Chrome. Try this:**
The flickering effect one quick mouse in/out should be gone too now.