Question

我希望图片的整个页面宽度为100％，而不是70％设置.body - 我尝试添加填充，并尝试过：

body image{ width:100%} 

--------------------------------
body{
    font-size:14px;
    font-family:arial, 'Lucida Sans Unicode';
    line-height: 1.5;
    text-align: left;
    background-color:#D3D3D3;
}

.body{
    background-color:green;
    width:70%;
    margin: 0 auto;

}

.mainHeader img{
    width:100%;
    margin:0% 2%;
}

http://imgur.com/a/t6fYD

照片显示图像当前显示的方式 - 以白色突出显示，并以黑色显示ID的显示方式。目前它的显示率为70％。

Answer 1

使用此：

body img{ 
width:100%
} 

--------------------------------
body{
margin:0px;
padding:0px;
width:100%;
}

请注意body img {....}是正确的。

如果您的img按照建议的image类，那么您的CSS应如下所示：

.image{ 
width:100%
} 

--------------------------------
body{
margin:0px;
padding:0px;
width:100%;
}

编辑：

在下面的评论中提供的小提琴中，您有：

.body{
    background-color:green;
    width:70%;
    margin: 0 auto;

}

这是错误的。 .只能用于引用类名。并且#只能用于引用ID名称。

当您尝试在body或html上提供一些CSS时，您不需要使用.或#。

所以，你的代码变成了这个：

body{
    background-color:green;
    width:70%;
    margin: 0 auto;

}

并使身体100％宽度，然后您只需将70%的值更改为100%。

修改

根据您的评论，您正在寻找以下内容：

https://jsfiddle.net/7nv90v0s/

Answer 2

请参阅w3c学校的此链接 https://www.w3schools.com/howto/howto_css_full_page.asp

您可以像这样将图像放大：

body, html {
    height: 100%;
}

图像全长页面

2 个答案: