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

Posted 2023-02-27

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

【英文标题】：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

【参考方案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>

谢谢