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

发布时间：2020-12-14 22:37:47 所属栏目：资源来源：网络整理

导读：在我的CSS图像缩放功能工作期间,我在移动Chrome中遇到了性能问题. 描述：如果我尝试通过直接将CSS转换属性添加到图像来缩放图像,一切都很好.变焦过渡像黄油一样平滑,具有60fps(JSFiddle). 问题：但是如果我将图像包装在div容器中并尝试转换容器,则转换非常

在我的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.  


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!