gpt4 book ai didi

html - IOS 7 - css - html 高度 - 100% = 692px

转载 作者:技术小花猫 更新时间:2023-10-29 11:34:50 29 4
gpt4 key购买 nike

我在 iPad iOS7 横向模式上有一个奇怪的错误。

我能够调查的是,在 iOS7 中 window.outerHeight 是 692px 并且窗口.innerHeight 672px;而在以前的版本中,这两个值都是 672px。

即使我的<html><body> tags have height 100% 好像还有滚动的空间,奇怪的是这个问题只出现在landscpae上

您可以通过访问 t.cincodias.com 了解我在说什么,例如,在 iOS 7 iPad 中,页脚栏(或有时是页眉)将被剪切。但在以前的 iOS 版本中,内容可以全屏显示。

即使我将两个标签的高度都设置为 height: 672px !importantposition:absolute; bottom: 0; ,您仍然可以通过触摸 iframe 垂直滚动内容(广告是 iframe)。

我正在运行 iOS7 的候选发布版本

感谢您的帮助。

最佳答案

我使用这个 JavaScript 解决方案来解决这个问题:

if (
navigator.userAgent.match(/iPad;.*CPU.*OS 7_\d/i) &&
window.innerHeight != document.documentElement.clientHeight
) {
var fixViewportHeight = function() {
document.documentElement.style.height = window.innerHeight + "px";
if (document.body.scrollTop !== 0) {
window.scrollTo(0, 0);
}
};

window.addEventListener("scroll", fixViewportHeight, false);
window.addEventListener("orientationchange", fixViewportHeight, false);
fixViewportHeight();

document.body.style.webkitTransform = "translate3d(0,0,0)";
}

关于html - IOS 7 - css - html 高度 - 100% = 692px,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18855642/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com