为什么独立网络应用程序中的重新缩放在iOS10中被破坏？

Question

在保存到我的iOS设备主屏幕上的独立网络应用程序上，无法通过调整方向来调整画布大小。如何更新Animate CC代码以使其正常工作？

rescalingscreen.gif

我已经尝试过元标记，该标记在iOS9中有效，但在iOS 10 / iOS11中无效。

<meta name = "viewport" content = "width=device-width,initial-scale=1" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

在iOS10上，更改方向后调整画布的大小可在移动Safari内使用，但不能作为保存到主屏幕的独立网络应用程序使用。在独立的Web应用程序中，画布缩小后，它再也不会重新变大以填满屏幕。

更新：奇怪的是，当我添加此代码，并且我的iOS设备具有蓝色标题（用于个人热点）时，当屏幕方向发生变化时，独立的Web应用程序会像往常一样放大。不过，它只能在热点模式下工作。

window.addEventListener("orientationchange", function () {
    document.width = window.screen.width;
    });