点击“产品详细信息”页面上的“添加到框”按钮后，网站会放大

【问题标题】：The website appears zoomed in after tapping on "Add To Box" button on "Product details" page点击“产品详细信息”页面上的“添加到框”按钮后，网站会放大
【发布时间】：2018-05-28 12:22:25
【问题描述】：

我们正在使用 magento 2 点击 ipad mini3 中的添加到框按钮时网站缩小

预期结果：点击“产品详情”页面上的“添加到框”按钮后，网站不应显示为放大。

实际效果：点击“产品详情”页面上的“添加到框”按钮后，网站会放大。

注意：特别针对“iPad Mini 3”观察到问题。

更多详情请参考所附截图： enter image description here

【问题讨论】：

标签： php ajax magento magento2

【解决方案1】：

我终于解决了这个问题，现在它在所有设备上都可以正常工作，对于 iPad mini 3，有一些 ios 问题，通过在 Jquery 中使用 CSS 位置我已经解决了这个问题，请参考下面的代码。

if(navigator.userAgent.match(/iPad|iPod/i)) {
    if($("body").hasClass("catalog-product-view")){
        $('html').addClass('i95devfixedbody');
            setTimeout(function() {
                $('html').removeClass('i95devfixedbody');
                $('.page-wrapper').attr("style", "display: -webkit-flex; !important");
                $('html').attr("style", "display: -webkit-flex; !important");
            }, 2000);
    }
}


<style>
html.i95devfixedbody{
    position:fixed;
}
</style>

谢谢

【讨论】：