鍍金池/ 問答/HTML/ 移動端 position 定位在不同設(shè)備下有偏差

移動端 position 定位在不同設(shè)備下有偏差

需求:

clipboard.png
紅色標記為一個警告提示,這個警告提示我是用i標簽加上去的,所以會在頁面中占用位置,便用了:positiopn:absolute,
在我切換不同設(shè)備的情況下,right值基本相同的位置,沒有很大的偏差,但警告提示的top或bottom的值有明顯的偏差
用過的方法:
曾嘗試將top,bottom的單位換成px,%,rem 但還是有偏差,對此比較苦惱 在百度上始終沒找到正確的解決辦法

請問有人知道該如何解決嗎 謝謝大家了

回答
編輯回答
尛憇藌

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

2018年3月26日 10:31
編輯回答
涼薄

用下flex的居中布局看下
他的父元素設(shè)置

display:flex;
align-items: center;
2018年7月28日 14:57