浏览器窗口缩小时会影响translateX编号吗？

Question

我正在使用css

position: relative;
left: 50%;
transform: translateX(-50%);

水平居中图像<img>。 窗口是否水平缩小，有没有办法逐渐增加translateX数？随着增加，我的意思是从-50％到-51％到-52％等等。

JSFIDDLE HERE