Question

    // Init
    var initialWidth = window.innerWidth;

    // Called when zoomed in
    function handleResize(){

        // Viewport dimension, this is affected by zoom
        var viewportwidth = window.innerWidth;         
        var zoomAmount = initialWidth/viewportwidth;   

        $('#lol').html('<p>Your viewport width is '+viewportwidth+'<br />Your native width is ' + initialWidth + '<br />Total zoom is ' + zoomAmount + '</p>');
    }

然后在身体里：

<body onresize="handleResize()">
<div id="lol" style="font-size:30px;"></div>

在我的MobiOne iPhone模拟器上看起来准确度在+ -7％之内，但我没有真正的iPhone来测试它。这是一个很好的解决方案，还是我以后会遇到问题？

主要问题是，如果页面加载了预先放大，然后％'被弄乱了，是否有可能在放大的iPhone上打开网页或者它总是默认为100％？

Answer 1

我无法评论这种技术的效果如何，但是，我建议你甚至不应该尝试。一般来说，试图强制或适应缩放级别并不是一个好主意 - 有各种各样的智能手机设备，你不可能可靠地检测/调整所有这些设备的缩放级别。相反，我认为你的时间会更好地花在尝试让你的网站在任何缩放级别上看起来都很好。

这种方法在iPhone上检测缩放％的可靠性如何

1 个答案: