在HiDPi / Retina屏幕上定位元素

Question

我在页面中间设置了一个响应列，上面有三个按钮。这是列的样式规则。

element.style {
padding: 30px 162px 20px;
margin-left: -162px;
visibility: visible;
background-color: rgb(246, 246, 246);
}

现在，在HiDPi屏幕上进行测试时，按钮的位置会变形。

有人可以指点我任何教程或任何暗示纠正这个。

更新：请参阅此链接rahul.pianissimo-band.com/hochzeit，并在HiDPI和MDPI中进行模拟