vant ImagePreview 组件ios放大图片不清晰（模糊）

vant ImagePreview 在safari浏览器中预览图片放到不清晰

研究源码后发现缩放功能由一下代码实现

  style.transform = "scale3d(" + scale + ", " + scale + ", 1) translate(" + this.moveX / scale + "px, " + this.moveY / scale + "px)";

scale3d在safari浏览器中放大图片会导致图片模糊的问题
需要在该img样式中加入 translateZ(0) 即可解决

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • Css专题总结
    选择qi：是表达式 标签选择器 类选择器 属性选择器 继承属性： color，font，text－align，li...
    love2013阅读 2,339评论 0赞 11
  • Interview-Questions(web)
    前端开发知识点 HTML&CSS对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型...
    Hebborn_hb阅读 852评论 0赞 1
  • CSS3
    CSS参考手册 一、初识CSS3 1.1 CSS是什么 CSS3在CSS2.1的基础上增加了很多强大的新功能。目前...
    没汁帅阅读 3,693评论 1赞 13
  • <文心>第二十一目读后感
    语调。 这个五一劳动节，乐华的铁厂停工放假，他也可以回家休息一下，趁着假期，乐华去学校拜访了王老师，又去大文家作客...
    kww007阅读 407评论 0赞 0
  • 读书札记：朱光潜《谈修养》
    与十年前的《给青年的十二封信》相比，这本《谈修养》尽管还是以「谈」为题，无疑更近于先生所说的「教训人」的书。或许这...
    钓梦阅读 572评论 0赞 1