移动端 position 定位在不同设备下有偏差

Question

需求:

红色标记为一个警告提示,这个警告提示我是用i标签加上去的,所以会在页面中占用位置,便用了:positiopn:absolute,
在我切换不同设备的情况下,right值基本相同的位置,没有很大的偏差,但警告提示的top或bottom的值有明显的偏差
用过的方法:
曾尝试将top,bottom的单位换成px,%,rem 但还是有偏差,对此比较苦恼 在百度上始终没找到正确的解决办法

请问有人知道该如何解决吗 谢谢大家了

Answer 1

top: 50%,transform: translateY(-50%)

Answer 2

用下flex的居中布局看下他的父元素设置display:flex;align-items: center;