A
A
akulka2016-05-13 15:06:55
Windows phone
akulka, 2016-05-13 15:06:55

How to make Windows Phone 8.1 display the entire site?

It is required to make sure that the entire site is displayed on all mobile devices ( width 1170 ). For many platforms, the use of the meta tag helped. But on the Windows Phone (8.1) platform, the site is still only partially displayed (at a scale of 100%). How can I force the browser to " shrink " the page so that it is initially visible in its entirety?
<meta name="viewport" content="width=1170px"/>

Answer the question

In order to leave comments, you need to log in

1 answer(s)
A
akulka, 2016-05-16
@akulka

Unfortunately, there was no beautiful solution, and I had to refine myself as follows:

<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>

If someone offers a more elegant solution, I will be very glad!

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question