Javascript Android上的CSS转换+；网间网操作系统

我有一个小的设置，两个html文件和一个javascript安装(http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/)

这两个html文件中有100%的高度和宽度div，还有一个链接（每个链接指向另一个html文件以启动转换）

当启动开始时，脚本将创建两个div，d1和d2，d1设置为当前正文内容，d2设置为目标html文件内容。然后CSS转换这两个div，从而产生幻灯片效果，最后javascript获取d2内容并将其设置为正文内容，然后再删除这两个新div

问题是，当css转换开始时，字体略有变化（字符变大了一点，当我说一点时，我指的是一点点，但很明显）。转换完成后，字体将恢复正常。这会在字体上产生一种“跳跃”的感觉，当转换开始时，你会得到这种字体跳跃，然后它会跳回原来的大小

它在安卓系统上发生的次数比iOS多得多

我使用Phonegap运行该应用程序，因此我相信web浏览器是webkit，Cordova

谢谢你的帮助！！！我真的希望有人能帮我解决这个问题

我曾尝试在链接上设置过渡效果，以阻止字体更改，如3d设置等。我的研究显示，许多人都在谈论如何将这些项目放入硬件层，以免它们变得模糊

---

谢谢

在android网络视图中，转换是一件非常糟糕的事情

android的一些版本正在创建某种类型的渲染器，对图片进行动画处理，然后返回到真正的web渲染器。对此您无能为力（如果您找到解决方案，请添加注释或答案）

---

有时将

preserve3d

或

translate（0,0）

设置到

divs

上会有帮助，它似乎也会使一些文本加粗，然后在转换后似乎会恢复正常我在OSX上看到过这种情况，但这是因为OSX使用亚像素抗锯齿非常加粗地渲染文本。任何过渡效果都会暂时禁用子像素文本渲染，因此在效果完成后，文本会“弹出”回粗体。通常解决方案是应用-webkit字体平滑：抗锯齿。不过，iOS不支持亚像素字体平滑，我有点怀疑Android是否支持。嗨，克里斯，谢谢你。你知道我会将webkit样式应用于什么元素吗？我可以将其应用于d1和d2*吗？如果您愿意，可以将其应用于body。我真的不认为这会有帮助，但值得一试。phonegap中的转换非常麻烦，更不用说第三方插件了