我有一个小型设置，安装了两个 html 文件和一个 javascript (http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/)。
这两个 html 文件中有 100% 高度和宽度的 div 和一个链接(每个链接都指向另一个 html 文件以启动转换)。
脚本启动时出现创建两个div，d1和d2，d1设置为当前body内容，d2设置为目标html文件内容。然后 CSS 转换两个 div，从而产生滑动效果，最后 javascript 获取 d2 内容并将其设置为正文内容，然后摆脱两个新的 div。
问题是，当 css transition 开始时，字体略有变化(字符变大了一点，当我说一点点时，我的意思是一点点但很明显)。过渡完成后，字体恢复正常。这会在字体上产生一种“跳动”的感觉，当开始转换时，您会得到这种字体跳变，然后它会跳回其原始大小。
它在 Android 上发生的次数比 iOS 多得多。
我正在使用 Phonegap 运行该应用程序，因此我认为网络浏览器是 webkit、Cordova。
感谢您的帮助!!!我真的希望有人能帮助解决这个问题。
我曾尝试在链接上设置过渡效果以阻止字体更改，例如 3d 设置等，我的研究表明很多人都在谈论将这些元素放入硬件层，这样它们就不会变得模糊。
谢谢!
最佳答案
过渡在 android webview 中是一件非常糟糕的事情。
某些版本的 android 正在创建某种屏幕截图，为图片设置动画，然后翻转回真正的网络渲染器。对此您无能为力(如果您找到解决方案，请添加评论或回答) .
有时将 preserve3d 或 translate(0,0) 设置到 divs 上会有所帮助
关于javascript - Android + iOS 上的 CSS 过渡，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13689481/