Zurb Foundation 5 and Windows Phone 8: the site is not always full screen

Question

We are developing a mobile site using Zurb Foundation 5. It works almost perfectly, except for an unknown reason. Windows Phone 8 phones sometimes cannot display a site in full screen mode . Sometimes I say that perhaps in 75% of cases the site is shown correctly, but about the fourth time it is not.

Here is a screenshot from the Lumia 920 that shows the problem:

The problem is fixed if the phone is rotated to landscape (and back to the portrait).

We use the following meta-information on our website:

<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />

The following script is also included in the header:

<script type="text/javascript">
    if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
        var msViewportStyle = document.createElement("style");
        var mq = "@@-ms-viewport{width:auto!important}";
        msViewportStyle.appendChild(document.createTextNode(mq));
        document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
    }
</script>

, . , , ( ), ( ). , . Android iPhone, Mobile IE.

?

Answer 1

Windows Phone 8 App. Windows Phone 8.1, . CSS JavaScript- . Windows Phone 8. WebBrowser Control IE 10, IE 10 BUG. Microsoft , , . IE 10. Windows Phone 8.1 Webview Store WebBrowser SilverLight, IE 11. ​​ IE 11, IE 10. , .

, ,

,