iOS页面底部的奇怪空间 [英] Strange space at bottom of page on iOS

问题描述

请点击此处： http://teamcherry.com.au/introducing-空心骑士/＃更多-116

由于某些原因，此页面上的页脚下方会出现一个大的空白区域，但仅限于移动游猎（iPhone /新iPad）。页脚在Chrome，Firefox和桌面Safari上完美显示。

For some reason a large white space appears under the footer on this page, but only on mobile safari (iPhone/iPad). Footer displays perfectly on Chrome, Firefox and desktop Safari.

任何想法是什么问题？

推荐答案

你的问题是

body {
    min-height: 100vh;
}

IOS7无论如何都有渲染VH单位的问题，但可能会尝试将你的身高设置为只有100％，如果它是一个全高的部分黑客攻击你。

IOS7 has issues with rendering VH units anywayway but maybe try setting your body height to just 100% if its a full-height section hack your after.

Caniuse 更详细地解释了它。

但是没有任何用例，为什么你需要这个最小高度的属性我们无法帮助很多

But without any use case for why you need that min-height property we can't help much

也尝试检查这个pollyfill，它可以解决你的问题

also try checking out this pollyfill, it may fix your issues

viewport units pollyfill

这篇关于iOS页面底部的奇怪空间的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！