h5 兼容性问题 gif 图片导致app webview 闪屏

H5 在webview 内渲染出现频繁刷新闪动，导致原因是 1. webview 高度是动态的 2. gif 图片切换帧数导致重新渲染，特别是多种gif

解决方案：1. 将包含img 标签的div 设置高度超出隐藏 2. 开启加速，-webkit-transform-style: preserve-3d;子元素会保留其 3D 转换效果, 3.元素背面渲染隐藏 -webkit-backface-visibility: hidden;

示例代码：

<p class="j"><img src="c.gif" _src="a.gif" style=""></p>

<style>
    .j {
        height: 233px!important;
        width: auto;
        overflow: hidden;
        -webkit-transform-style: preserve-3d; 
    -webkit-backface-visibility: hidden; 
    -webkit-perspective: 1000;
    }
    .j img{
        height: 233px!important;
        width: auto;
        overflow: hidden;
        -webkit-transform-style: preserve-3d; 
    -webkit-backface-visibility: hidden; 
    -webkit-perspective: 1000;
    }
    
 </style>

压图地址

一个功能强大的图片处理工具，它可以满足用户对于图片压缩、格式转换、质量调节以及长图片分割等多种需求。

【轻松压缩，一键搞定】您的图片处理神器来了！

压图地址

🎉 您是否曾为图片太大无法上传而烦恼？是否为图片格式不兼容而头疼？现在，有了我们的图片处理工具，这些问题将不复存在！

🌟 功能亮点：

批量压缩：无论您有多少张图片，无论尺寸大小，我们的工具都能一次性处理，让您的工作效率翻倍！
格式转换：支持多种图片格式之间的轻松转换，满足您在不同场景下的使用需求。
压缩质量可调：想要保留更多细节？还是追求更小的文件大小？压缩质量由您说了算！
长图片分割：再也不用担心长图无法完整显示或处理了，我们的工具能轻松将长图分割成多张图片，方便您进行后续编辑和分享。
获取网络图片：可将网络路径图片路径，转化成自己的图片进行处理下载,支持批量转换图片下载
📷 无论是从相机导出的大图，还是手机拍摄的生活照，我们的工具都能轻松应对，让您的图片处理变得简单又高效！

💡

压图地址