Question

该网站在桌面和手机上正常加载。它在在线ipad模拟器上测试得很好。当我在ipad上试用它时，浏览器窗口会加载，缩小，然后正确加载。在ipad mini上，其中一些jquery函数也不起作用，但是在普通的ipad上运行。这让我相信这是一个javascript问题。该网站建立在Wordpress（Avada主题）上。我添加了一个使用jQuery的自定义标头（其中一切都运行良好）。我已尝试将该脚本删除，我已尝试删除@media查询，我已尝试禁用插件。似乎没有什么能阻止这种情况发生。有什么建议？以下是网站http://afflv.com

的链接

Answer 1

iphone / ipad动画上的浏览器地址栏有时会弄乱你的网站，因为该动画会弹出书面地址，而你的js插件将其视为重新调整大小事件。

我修复了这个问题，强迫网站静态无响应，评估浏览器和使用此库的设备。 http://matthewhudson.me/projects/device.js/

这是迫使内容中的舞台大小：

Screen: {
            height: function () {
                //iphone <= 5 rotation bug
                if (window.screen.width < window.screen.height && (jQuery(window).width() < jQuery(window).height())) {
                    return window.screen.height;
                }
                else {
                    return jQuery(window).height();
                }
            },

            width: function () {
                //iphone <= 5 roattion bug
                if (window.screen.width >= window.screen.height && (jQuery(window).width() >= jQuery(window).height())) {
                    return window.screen.width;
                }
                else {
                    return jQuery(window).width();
                }

            }
        }

和

if (DEVICE.tablet() && DEVICE.ipad() && DEVICE.portrait() && Screen.width() >= 768 && Screen.height() > window.innerHeight) {
                $(".content-stage").height(window.innerHeight - $("header").height() - $("footer").height());
            }

有点帮助，你应该明白这个想法; iPhone Address Bar blocks HTML Page Header Buttons?

另一个问题可能是：Ipad Portrait height / innerheight all ipads and ios's：

iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue

Ipad / Ipad Mini加载站点，然后调整较小，然后再次调整为全屏

1 个答案: