sticky 布局安卓下出现间隙

最近在一个页面里,给相邻的两个元素使用了sticky布局后发现,在安卓下会出小间隙,而iphone是正常的;如下图
sticky.png
iphone_sticky.png

https://codesandbox.io/s/vue-template-vjzh4
(需要打开新的窗口,调整为移动端模式查看此问题)

经过测试发现,针对两个定位元素,如果将rem的单位变为pxvh就是正常的;因此我怀疑是rem换算的时候,出现了小数位,导致了和模型精度丢失。但是当我把布局切换成fixed的时候,发现即使是rem,也是正常的。查了mdn,似乎和兼容性无关。
fixed.png

不知道有没有朋友遇到过这样的问题?出现这个奇怪的现象的原因是什么。

阅读 2.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题