sticky 布局安卓下出现间隙
最近在一个页面里,给相邻的两个元素使用了sticky
布局后发现,在安卓下会出小间隙,而iphone
是正常的;如下图
https://codesandbox.io/s/vue-template-vjzh4
(需要打开新的窗口,调整为移动端模式查看此问题)
经过测试发现,针对两个定位元素,如果将rem
的单位变为px
或vh
就是正常的;因此我怀疑是rem
换算的时候,出现了小数位,导致了和模型精度丢失。但是当我把布局切换成fixed
的时候,发现即使是rem
,也是正常的。查了mdn
,似乎和兼容性无关。
不知道有没有朋友遇到过这样的问题?出现这个奇怪的现象的原因是什么。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论