css - 对引导程序中的响应图像的响应形式

Question

我正在尝试向响应式背景图像添加响应式表单。我希望表单位于图像中的空白区域，并在调整窗口大小时在空白区域本身调整大小。下面是图像和表单文本的 CSS 代码。

.image {
    background-image: url("src/assets/img/login_image.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

    height: 100vh;
}

.form-text {
    position: absolute;
    right: 100px;
    bottom: 300px;

    align-items: center;
    justify-items: center;
} 

标签： css