iOS页面底部的奇怪空间

时间:2014-09-05 05:44:19

标签: html5 css3

请点击此处:http://teamcherry.com.au/introducing-hollow-knight/#more-116

由于某些原因,此页面上的页脚下方会出现大的空白区域,但仅限于移动版Safari(iPad / iPad)。页脚在Chrome,Firefox和桌面Safari上完美显示。

知道问题是什么吗?

1 个答案:

答案 0 :(得分:0)

你的问题是

body {
    min-height: 100vh;
}

IOS7在渲染VH单位方面存在问题,但如果它的全高部分会破坏你的身体,可能会尝试将你的身高设置为100%。

Caniuse更详细地解释了它。

但是没有任何用例,为什么你需要这个最小高度属性我们无能为力

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

viewport units pollyfill