随着第二批、第三批iPhoneX陆续到来,身边的土豪纷纷使用,由于iPhone X的齐带来的改编问题很多,所以这群土豪更是沉浸在各种找bug中。不出所料,公主和豌豆小程序在某些地方也有不好的丢失体验,主要是产品详情页和购物车的底部按钮栏,会与HomeIndicator栏重叠,所以点击下方按钮时很容易意外触发手势操作,如下图所示。
如果是bug,就必须修复;如果是体验问题,那就要优化了,所以我马上设置了一个iPhone X开始研究。网页的自适应很好,使用了视口元标签和以下处理方案。详见此处。