在调整大小时，居中图形向左移动太多

Question

嗨，有人可以解决我遇到的问题。

基本上它只是一个覆盖整个背景的照片的着陆页。

接下来我有一个图形，描绘了一些我希望使用绝对定位垂直和水平居中的文本。

我设法做到这一点并且当视口宽度为1200px时它的位置可以正常但是如果你调整浏览器背景然后文本图形相应调整大小但是文本图形向左移动太多。我希望它在调整浏览器大小时仍然会缩小，但要尽可能地保持它的水平居中位置。

你可以在这里看到

www.juanchandler.com/test /

css是文档的全部内容，因此您可以查看源代码。

有人可以告诉我如何纠正这个问题。

Answer 1

对于中心来说不是最好的工作...尝试使用小图像：

.the-text {
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

当然，删除以前的边距。