Ionic 3：css的一部分在Android平台上不起作用

Posted 2021-03-30

为android平台构建应用程序后，部分css无法正常工作。我们没有改变任何依赖。我们只在某些Android设备上遇到问题。

例如，我们有2个三星Galaxy s8设备（Android版本 - 8.0.0）在一个设备中它可以工作但在其他设备中没有

在ios平台上一切运作良好

"@angular/common": "5.2.9",
"@angular/compiler": "5.2.9",
"@angular/compiler-cli": "5.2.9",
"@angular/core": "5.2.9",
"@ionic/app-scripts": "3.1.8",
"@ionic-native/core": "~4.12.0",
"cordova-android": "6.4.0",
"cordova-plugin-ionic-webview": "^2.3.2",

答案

优化CSS代码后，此问题已得到解决。本文可以帮助您优化Ionic main.css文件https://julienrenaux.fr/2017/07/20/optimized-ionic-angular-css-bundle-for-pwas/

main.css文件大小：

• 优化前 - 22mb
• 优化后 - 13mb