sticky 布局安卓下出现间隙

发布于 2022-09-11 23:17:42 字数 756 浏览 21 评论 0

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

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

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文