【发布时间】:2014-09-05 19:05:18
【问题描述】:
这里的页面:http://teamcherry.com.au/introducing-hollow-knight/#more-116
由于某种原因,此页面的页脚下会出现一个大的空白区域,但仅限于移动 safari (iPhone/iPad)。页脚在 Chrome、Firefox 和桌面 Safari 上完美显示。
知道问题是什么吗?
【问题讨论】:
这里的页面:http://teamcherry.com.au/introducing-hollow-knight/#more-116
由于某种原因,此页面的页脚下会出现一个大的空白区域,但仅限于移动 safari (iPhone/iPad)。页脚在 Chrome、Firefox 和桌面 Safari 上完美显示。
知道问题是什么吗?
【问题讨论】:
你的问题是
body {
min-height: 100vh;
}
无论如何,IOS7 在渲染 VH 单位方面存在问题,但如果它的全高部分破解了你的后缀,可以尝试将你的身体高度设置为 100%。
Caniuse 更详细地解释了它。
但如果没有任何用例说明您为什么需要 min-height 属性,我们无能为力
也可以试试这个 pollyfill,它可能会解决你的问题
【讨论】: