我正在制作直径为 7px 的小圆圈 div
我在配置中应用了硬件加速 = true 并添加了
-webkit-transform: translate3d(0, 0, 0);
-webkit-transform: translateZ(0px);
到我的 div 元素的 css 类。为什么它仍然以这种“低质量”风格显示它？
在我测试过的其他移动设备上渲染更流畅。我知道它确实取决于设备的硬件，但有人可以详细说明如何正确应用上述内容，因此如果满足硬件要求，它至少“会”工作？
提前致谢。
【问题讨论】：
标签： css cordova hardware-acceleration
Cordova WebView 是系统 webview，因此，它会根据您运行应用程序的 Android 操作系统版本而有所不同。您能告诉我们您正在测试的设备是哪个版本的 Android 吗？
另外，当您的意思是“在我测试过的其他移动设备上”时，指的是那些？具有其他 Android 操作系统版本的其他 Android 设备或 iOS 设备？请提供更多反馈。
无论如何，问题可能是 webview 不支持硬件加速 CSS 3D 转换。我建议您检查像 CocoonJS 的 WebView+ 或 Intel 的 Crosswalk 这样的解决方案。 WebView+ 是基于 Chromium 的用于 Android 4.0+ 设备的 webview，因此在 Android 上不再有碎片（无论您在哪个 Android OS 版本上执行应用程序，都没有更多的碎片化）以及 Chrome 执行您的应用程序的所有功能。使用 CocoonJS 启动器很容易测试：https://play.google.com/store/apps/details?id=com.ideateca.cocoonjslauncher&hl=en
转到您的应用程序并指向您的应用程序能够对其进行测试的 URL（类似于网络浏览器）。然后，您可以使用 CocoonJS Cordova 命令行：http://support.ludei.com/hc/en-us/articles/202568973-First-steps-with-CocoonJS-CLI 或用于 Cordova 应用程序的 CocoonJS Cloud 编译器编译最终应用程序。
他们还为 iOS 8 提供 WKWebView 和 WebView+（以防万一您也对改进性能的 iOS 感兴趣）：http://blog.ludei.com/build-phonegap-cordova-apps-using-the-wkwebview-right-now/
您也可以使用 iOS 的 CocoonJS 启动器对其进行测试：https://itunes.apple.com/us/app/cocoonjs-by-ludei/id519623307?mt=8
希望这会有所帮助。
【讨论】：