Как заставить Windows Phone 8.1 отображать сайт целиком?

Question

[akulka]

Требуется сделать так, чтобы на всех мобильных устройствах сайт отображался целиком (шириной 1170). Для многих платформ помогло применение метатега
<meta name="viewport" content="width=1170px"/>
Но на платформе Windows Phone (8.1) сайт все равно отображается только частично (в масштабе 100%). Как заставить браузер «ужать» страницу, чтобы изначально она была видна целиком?

Comments

[akulka]

Кстати, используется TWITTER BOOTSTRAP. Может, в нем дело?

Answer 1

[akulka]

К сожалению, красивого решения не нашлось, и пришлось изощряться следующим образом:

<meta name="viewport" content="width=1170px"/>    
<script type="text/javascript">
    if (navigator.userAgent.match(/IEMobile/)) {
        $('meta[name="viewport"]').attr('content', 'width=1170px, minimum-scale=1');
        var wndW = $(window).width();
        var docW = $(document).width();
        $("html").css({transform: "scale(" + wndW/docW + ")", transformOrigin: "0 0" });
    }
</script>

Если кто-нибудь предложит более изящное решение, то буду очень рада!