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

Question

当前行为

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

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

预期行为

页面呈现方式与某些 IOS 设备和安卓设备中的一样

用指令最小化重现问题

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

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

我希望我的网站真正运行

注意

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

环境

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

答案在此处包括encapsulation: ViewEncapsulation.None：

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