Я разрабатываю приложение с использованием ионной структуры. Мне нужно отобразить изображение в заголовке бокового меню. Я использовал 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) объекта-аватара в целом, но размер изображения остается неизменным. Есть ли способ увеличить размер изображения, отображаемого внутри элемента-аватара?