小程序中吸底按钮适配 iPhone X 方案

随着第二三批iPhone X的陆续到货,身边的土豪们纷纷用了起来,因为iPhoneX的齐刘海导致的适配问题很多,所以这群土豪更沉浸在各种找bug中,不出所料,豌豆公主小程序在一些地方也出现了一丢丢体验不好的地方,主要是商品详情页和购物车的吸底按钮栏,会与HomeIndicator横条重叠,这样在点击下方按钮时很容易误触发手势操作,如下图:截图来自网络,侵删 (此图片来源于网络,如有侵权,请联系删除! ) 是bug就得修,是体验问题就得优化,于是立马搞了一台iPhone X开始研究。 网页端的适配还好,有viewport meta标签以及下面的方案进行处理。具体可参看这里 { positi