Css 使用背面图像调整div大小时保持文本位置正确：contain

我有一个背景图像，需要调整大小和保持纵横比（包含），并在调整大小时将其中的文本保持在图像中的同一级别

.skyimage {
    width: 100%;
    height: 841px;
    background: url("image.png");
    background-size: contain;
    background-repeat: no-repeat;
}

---

定位文本的最佳方法是什么，使其在调整大小时与图像中的同一点保持对齐（尽可能多）

这就是你想要实现的目标吗

.container{
位置：相对位置；
文本对齐：居中；
颜色：白色；
}
/*居中文本*/
.居中{
位置：绝对位置；
最高：50%；
左：50%；
转换：翻译（-50%，-50%）；
}

中心中心中心中心中心中心中心中心中心中心

在哪里对齐文本？您可以尝试flexbox并使用：

display:flex;
justify-content:center;
align-items:center;

（抱歉，无法使用我的手机提供小提琴