小编Nir*_*jan的帖子

我正在使用离子框架开发一个应用程序.我需要在侧面菜单标题中显示图像.我使用了item-avatar来显示图像.这是代码.

<ion-side-menus>
<ion-side-menu side="left">
    <ion-header-bar class="bar-calm style="height:200px" >
        <div class="list" >
            <a class="item item-avatar">
                <img src="some image source">
                <p>This is an image</p>
            </a>
        </div>
    </ion-header-bar>
</ion-side-menu>

<ion-side-menu-content>
    <ion-list >
        <!-- Links to the pages that must contain the side menu. -->
        <ion-item href="#/side-menu24/page1">Page1</ion-item>
        <ion-item href="#/side-menu24/page2"> Page2</ion-item>
    </ion-list>
</ion-side-menu-content>

如何更改(增加)项目头像中显示的图像大小？我被建议使用以下CSS:

.list .item-avatar{ 
width: 20px !important; 
height : 60px !important;}

这增加了项目 - 化身整体的内容大小(分配给div标签的大小),但图像大小保持不变.有没有办法增加item-avatar中显示的图像的大小？