Ipad/Ipad Mini加载站点，然后缩小大小，然后再次调整为全屏
Ipad/Ipad Mini加载站点，然后缩小大小，然后再次调整为全屏
提问于 2015-02-02 22:46:44
该网站在台式机和手机上运行良好。它在在线ipad模拟器上测试无误。当我在ipad上试用它时，浏览器窗口加载、缩小，然后加载正常。在迷你ipad上，之后的一些jquery功能也不起作用，但在普通ipad上却可以。这让我相信这是一个javascript问题。该网站是建立在Wordpress (Avada主题)上的。我添加了一个使用jQuery的自定义标头(在该标头中，所有内容都可以在同一时间正常运行)。我试着去掉那个脚本，试着去掉@media查询，试着禁用插件。似乎没有什么能阻止这一切的发生。有什么建议吗？这是指向站点http://afflv.com的链接
回答 1
Stack Overflow用户
发布于 2015-02-03 00:05:50
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纵向高度/内部高度所有Ipad和ios的：
iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28280280
复制相关文章
相似问题
腾讯云开发者
