如何在离子中使自定义CSS工作？

Question

我在ionic + angular中添加了自定义css，它与浏览器及其设备完全兼容，但是当我为android设备生成apk时，自定义css在android中不起作用。

我正在运行此命令以生成APK：离子cordova运行android

有关更多信息，我附上了离子版本和索引html屏幕截图。

version screenshot

Index.Html screenshot

Answer 1

首先，确保“ appStyle.css”文件以S大写形式编写。 Windows计算机不区分大小写，Linux计算机（Android）区分大小写。

第二，请确保您正在src文件夹而不是www处更改index.html。因为www是生成的文件，并且每次构建都将其重写。

最后，正如阿卜杜勒（Abdul）在评论中所说，您应该将CSS文件导入app/app.scss。

@import '../assets/css/font-awesome.min';

我建议您将css文件放在资产之外，建议仅在图像之类的静态文件中使用。