Vh单位,固定底部ios适配问题

65 阅读1分钟

场景描述:

底部高度为100vh,铺满整屏幕,需要固定一个20vh的块在最底部,我们都知道ios底部有一个块,为了样式好看,UI会让那个块跟整体样式是一致的,我第一印象首先就是设置为

position:fixed;
bottom:0;

然后出现问题,iOS手机最下面那个地方是空的,应该在最底部的20vh的块往上跑了

这时候我们只需要加个单位就可以了

position:fixed;
bottom:0vh;