Question

到目前为止我所拥有的是：

body {
    background-image: url("image file");
    background-size: cover;
    background-repeat: no-repeat;
}

我在下面找到了答案。

Answer 1

使用background-size:cover，背景将自动缩放其父元素的大小以覆盖整个事物。

在这种情况下，为了使其更大或更小，您可以在身体元素上设置宽度和高度。

Answer 2

使用此：

background-size: 100% 100%;

Answer 3

水平和垂直拉伸：

#version 130

in vec2 vertexPosition;

void main() {
    gl_Position.xy = vertexPosition;
    gl_Position.z = 0.0;
    gl_Position.w = 1.0;
}

水平拉伸（保留图像比例）：

//Create Shaders
_vertID = glCreateShader(GL_VERTEX_SHADER);
bool shaderValid = glIsShader(_vertID);
if (_vertID = 0) {
    gdcUtil::error("Could not create Vertex Shader", "GD_GLSL");
    gdcUtil::quit();
}
_fragID = glCreateShader(GL_FRAGMENT_SHADER);
if (_fragID = 0) {
    gdcUtil::error("Could not create Fragment Shader", "GD_GLSL");
    gdcUtil::quit();
}

//Compile Shaders
compileShader(vertFilePath, _vertID);
compileShader(fragFilePath, _fragID);

垂直拉伸（保留图像比例）：

background-size: 100% 100%;

Answer 4

我终于找到了一个答案，我所要做的就是修改你的一个答案

body {background-image: url("image file");
background-size: 110% 130%;
background-repeat:no-repeat;

谢谢你的帮助。

如何在css中调整背景图片大小？

4 个答案: