Css 如何使图像更大

Css 如何使图像更大,css,image,Css,Image,页面中的所有内容都有一个大约36px的填充,而我想要的图像也有一个填充 HTML 您的图像需要父级引用。为图像的父div指定特定的宽度,在本例中为“.column” 当“.performance\uuu image”宽度设置为某个百分比时,它将检查“.column”宽度,然后进行相应调整。参见示例 .column[span=“row”]{ 宽度:100%; 网格柱:1/-1; } .性能图像{ 宽度:100%; 高度:自动; } 不清楚您的问题是要更大以适应什么样的div,还是要将其扩大一倍请

页面中的所有内容都有一个大约36px的填充,而我想要的图像也有一个填充

HTML


您的图像需要父级引用。为图像的父div指定特定的宽度,在本例中为“.column”

当“.performance\uuu image”宽度设置为某个百分比时,它将检查“.column”宽度,然后进行相应调整。参见示例

.column[span=“row”]{
宽度:100%;
网格柱:1/-1;
}
.性能图像{
宽度:100%;
高度:自动;
}

不清楚您的问题是要更大以适应什么样的div,还是要将其扩大一倍请提供更多详细信息,以便我们能够帮助您了解多大?你说得不具体。你希望图像是全宽的吗?页面中的所有内容都有一个大约36px的填充,我希望图像尽可能地填充好,这意味着你希望图像是全宽的,直到它达到填充。对的你能分享一下.column的CSS样式吗?我想这就是问题所在..column[span=“row”]{grid column:1/-1;}谢谢,我试图更改宽度,但他扩展了页面,因为我的页面有一个预设,可以使宽度更大
<div class="column" span="row"><img class="performance__image" src="asset/image/bmw-m4.png" alt=""></div>
.performance__image {
    max-width: 100%;
    height: auto;
}