【问题标题】:Strange space at bottom of page on iOSiOS页面底部的奇怪空间
【发布时间】:2014-09-05 19:05:18
【问题描述】:

这里的页面:http://teamcherry.com.au/introducing-hollow-knight/#more-116

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

知道问题是什么吗?

【问题讨论】:

    标签: html css


    【解决方案1】:

    你的问题是

    body {
        min-height: 100vh;
    }
    

    无论如何,IOS7 在渲染 VH 单位方面存在问题,但如果它的全高部分破解了你的后缀,可以尝试将你的身体高度设置为 100%。

    Caniuse 更详细地解释了它。

    但如果没有任何用例说明您为什么需要 min-height 属性,我们无能为力

    也可以试试这个 pollyfill,它可能会解决你的问题

    viewport units pollyfill

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-08-14
      • 1970-01-01
      • 2010-11-05
      • 2018-08-15
      • 1970-01-01
      相关资源
      最近更新 更多