在 ios 模拟器上运行 ionic 4 应用程序时某些 css 无法正常工作答案

【问题标题】：some css not working while running ionic 4 app on ios simulator在 ios 模拟器上运行 ionic 4 应用程序时某些 css 无法正常工作
【发布时间】：2019-12-15 17:14:06
【问题描述】：

当我在 android 上运行 ionic 应用程序时，所有 css 工作正常，但当我在 Xcode 模拟器（ios）中运行应用程序时，离子内容背景图像不显示。

我已经尝试更改图像的路径。仍然无法正常工作。

<ion-content class="home">

这是css文件

.home {
 --background: transparent; 
 background-image: url('assets/img/bg.png');

}

【问题讨论】：

您好，您的问题解决了吗？我面临同样的问题。你能帮帮我吗？

标签： css angular ionic4

【解决方案1】：

我已使用 Safari 开发工具窗口进行检查，发现无法加载资源。

https://i.stack.imgur.com/pwLIi.png

【讨论】：

【解决方案2】：

一个快速的想法是对图像进行 base64 编码以消除有关路径的问题。

这将让您查看规则是否因某种原因被覆盖 (https://css-tricks.com/data-uris/)。

但您能做的最好的事情是使用远程调试技术来调查发生了什么：

Debugging iOS Apps - iOS Development - Ionic Documentation

基本上，您可以运行应用程序，然后使用 Safari 开发工具窗口来检查它，就像使用普通网站一样。这可以让您看到正在应用的确切 CSS 级联。

【讨论】：