点击 "Product details" 页面上的 "Add To Box" 按钮后,网站显示为放大
The website appears zoomed in after tapping on "Add To Box" button on "Product details" page
我们正在使用 magento 2
在 ipad mini3
中点击“添加到框”按钮时网站会缩小
预期结果:点击 "Product details" 页面上的 "Add To Box" 按钮后,网站不应显示放大。
实际结果: 点击 "Product details" 页面上的 "Add To Box" 按钮后,网站显示放大。
注意: 问题是专门针对 "iPad Mini 3" 观察到的。
更多详情请参考附件截图:
enter image description here
我终于解决了这个问题,现在它在所有设备上都能正常工作,对于 iPad mini 3,有一些 ios 问题,通过在 [=] 中使用 CSS 个位置18=] 我已经解决了这个问题,请参考下面的代码。
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>
谢谢
我们正在使用 magento 2 在 ipad mini3
中点击“添加到框”按钮时网站会缩小预期结果:点击 "Product details" 页面上的 "Add To Box" 按钮后,网站不应显示放大。
实际结果: 点击 "Product details" 页面上的 "Add To Box" 按钮后,网站显示放大。
注意: 问题是专门针对 "iPad Mini 3" 观察到的。
更多详情请参考附件截图: enter image description here
我终于解决了这个问题,现在它在所有设备上都能正常工作,对于 iPad mini 3,有一些 ios 问题,通过在 [=] 中使用 CSS 个位置18=] 我已经解决了这个问题,请参考下面的代码。
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>
谢谢