相关疑难解决方法(0)

当我以纵向模式启动我的应用程序时,它工作正常.然后我旋转到风景,它扩大了规模.为了使其能够在横向模式下正确缩放,我必须双击两次,首先进行缩放(正常的双击行为),然后再一次缩放(再次,正常的双击行为) .当它缩小时,它会缩小到横向模式的正确新比例.

切换回肖像似乎更加一致; 也就是说,它处理缩放,以便在方向变回肖像时缩放比例正确.

我想弄清楚这是不是一个错误？或者如果这是可以用JavaScript修复的东西？

使用视口元内容,我将初始比例设置为1.0,我没有设置最小或最大比例(我也不想).我将宽度设置为设备宽度.

有任何想法吗？我知道很多人会很感激有一个解决方案,因为它似乎是一个持久的问题.

我在移动网上商店工作并在实现产品缩放功能时陷入困境

单击图像后,允许使用"用户可缩放",并将最大比例设置为10.0.当用户使用捏合手势放大产品时,一切正常.但在关闭缩放的图像后,比例不会重置为1.0.

有没有办法动态重置视口的比例值."初始规模"似乎不起作用,也没有将"最小规模"和"最大规模"重置为1.0

iPhone/iPad上出现问题

似乎有一个解决方案,但我不知道我应该在这篇文章中应用哪个元素: 如何在没有完整页面刷新的情况下重置视口缩放？

"你需要使用-webkit-transform:scale(1.1); webkit transition."

但我不知道风格应用于哪个元素.

以下是一些用于说明问题的代码.

在视口的元标记中看起来像这样:

<meta name="viewport" content="user-scalable=no, width=device-width, height=device-height, minimum-scale=1.0, maximum-scale=1.0" />

页面的其余部分如下所示:

<div id="page">
    <img src="images/smallProductImage.jpg">
</div>

<div id="zoom">
    <div class="jsZoomImageContainer"></div>
</div>

这是javascript ::

zoom:{
    img: null,
    initialScreen:null,

    load:function(src){             

        //load the image and show it when loaded

        showLoadingAnimation();
        this.img = new Image();
        this.img.src = src;

        jQuery(this.img).load(function(){
            zoom.show();
        });
    },

    show:function(){

        var screenWidth, screenHeight, imageWidth, imageHeight, scale, ctx;             

        hideLoadingAnimation();
        jQuery("#page").hide();         
        jQuery("#zoom").show();

        jQuery(".jsZoomImageContainer").empty();
        this.initialScreen =[jQuery(window).width(),  jQuery(window).height()]
        jQuery(".jsZoomImageContainer").append(this.img);               


        imageWidth = jQuery(this.img).width();
        imageHeight = jQuery(this.img).height(); …