Css 调整卡内图像的大小

Css 调整卡内图像的大小,css,ionic-framework,Css,Ionic Framework,我正在开发一款Ionic应用程序,里面的图片和图片有问题。 我得到了一张我想要的固定大小的卡片,我想在里面放一张图片。 我添加了图像(400x400大小),但无法调整其大小以适合卡内。 代码如下: 主页{ 离子卡{ 最小高度:47%; 最大高度:47%; } .itemImage{ 填充:2px; 最大高度:10%; } } 将宽度:100%添加到.itemImage和.itemImage>img。我将添加: .itemImage img { max-width: 100%; } 希

我正在开发一款Ionic应用程序,里面的图片和图片有问题。 我得到了一张我想要的固定大小的卡片,我想在里面放一张图片。 我添加了图像(400x400大小),但无法调整其大小以适合卡内。 代码如下:

主页{
离子卡{
最小高度:47%;
最大高度:47%;
}
.itemImage{
填充:2px;
最大高度:10%;
}
}

将宽度:100%添加到.itemImage和.itemImage>img。

我将添加:

.itemImage img {
    max-width: 100%;
}

希望这有帮助

这是我添加的toothanks,我试过了,但不起作用,图片仍然无法将自身大小调整到我想要的大小。谢谢,我试过了,但没有起作用,图片仍然无法将自身大小调整到我想要的大小。