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

Question

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

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

接下来我有一个图形，它描述了一些我想使用绝对定位在垂直和水平方向上居中的文本。

我已经设法做到了这一点，并且当视口(viewport)为 1200 像素宽时，它的位置没问题，但是如果您调整浏览器的背景大小，然后文本图形相应地调整大小，但文本图形向左移动太多.我希望它在调整浏览器大小时仍然缩小，但尽可能保持水平居中位置。

这里可以看到

www.juanchandler.com/test/

css 是文档的所有头部，因此您可以查看源代码。

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

Answer 1

居中不是最好的工作......对小图像试试这个:

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

当然是去掉之前的边距。