javascript - 网站无法在某些 IOS 设备上呈现 [白屏死机？]

Question

当前行为

我构建并上传到 https://callum.tech/new 的应用程序不会在某些 IOS 设备上呈现，我没有在一个巨大的阵列上测试过它，但我已经在 2 台设备上测试过它，我个人的 iPhone 5 运行 IOS 10.3.3 和我的 friend iPad，我不记得版本了。它只会呈现一个白页，无论刷新多少次，或进入“私有(private)”等它拒绝呈现。为了消除这只是我的手机的可能性(当我第一次发现这个问题时)，我将它完全格式化为出厂设置并且结果仍然相同，在多个位置(也就是不同的 IP)上进行了尝试，尝试了 VPN、wifi 到手机等。

这是在 http://browserstack.com 上运行的并返回一个没有真正错误的白页:(我也没有免费 session ，所以目前这是不可能的

预期行为

页面呈现方式与在某些 IOS 设备和 andriod 中一样

使用说明对问题进行最少的复现

这是我最新的项目 github:https://github.com/kenji-1996/CallumTech我不确定如何对其进行全面测试，但我什至无法调试潜在的控制台错误，因为我没有 Mac 来使用 Safari 6 网络检查器功能

改变行为的动机/用例是什么？

我希望我的网站真正运行

注意事项

我的旧版本在我的手机上运行良好，我不确定它是从什么时候开始崩溃的

环境

Angular version:  4.4.6, is this the latest?


Browser:
- [x ] Chrome (iOS) version 'CriOS/62/0/3203/70 Mobile/14G60 Safari/602.1
- [x ] Safari (iOS) version 602.1
 
For Tooling issues:
- Node version: v8.4.0
- Platform:  IOS

Others:
- Build using this: ng build --prod --base-href /new/ --build-optimizer

Answer 1

答案是在此处包含封装:ViewEncapsulation.None:

@Component({
    selector: 'app-navbar',
    templateUrl: './navbar.component.html',
    styleUrls: ['./navbar.component.scss'],
    encapsulation: ViewEncapsulation.None
})