Question

我正在尝试仅在我的主页上获得响应式背景图像，但是当它在移动屏幕上时它不会自动调整大小。在笔记本电脑上它会缩小，直到大约840px宽度。然后它停止，似乎放大了。我没有在HTML文件中添加图像，只在CSS中，我将图像放在与css文件相同的文件夹中。这就是我所做的：

CSS：

const int nitems=8;
    int   blocklengths[8] = {2,2,1,1,1,1,1,1};
    MPI_Datatype types[8] = {MPI_DOUBLE,MPI_DOUBLE,MPI_DOUBLE,MPI_DOUBLE,MPI_DOUBLE,MPI_DOUBLE,MPI_DOUBLE,MPI_DOUBLE};
    MPI_Datatype mpi_body_type;
    MPI_Aint     offsets[8];
    offsets[0] = offsetof(bodyType, x);
    offsets[1] = offsetof(bodyType, y);
    offsets[2] = offsetof(bodyType, xf);
    offsets[3] = offsetof(bodyType, yf);
    offsets[4] = offsetof(bodyType, xv);
    offsets[5] = offsetof(bodyType, yv);
    offsets[6] = offsetof(bodyType, mass);
    offsets[7] = offsetof(bodyType, radius);
    MPI_Type_create_struct(nitems, blocklengths, offsets, types, &mpi_body_type);
    MPI_Type_commit(&mpi_body_type);

Answer 1

使用background-size可以解决问题！

background-size: 100%;

Answer 2

为了帮助您更好地了解整页背景图片，我认为这篇文章解释得非常好：https://css-tricks.com/perfect-full-page-background-image/

您还可以找到不同的方式来使用它并根据您的需要进行调整。

背景图像响应问题

2 个答案: