调整卡片内的图像大小

时间:2017-03-05 16:46:49

标签: css ionic-framework

我正在使用Ionic应用程序,我遇到了问题,并且里面有图片。 我得到了一张我想要的固定尺寸的卡片,我想在里面放一张图片。 我添加了图像(尺寸为400x400)但我无法调整尺寸以适应卡内部。 这是代码:



   page-home {
        ion-card{
            min-height: 47%;
            max-height: 47%;
        }
    
        .itemImage{
            padding: 2px;
            max-height: 10%;
        }
    }

 <ion-content>
    
      <ion-card>
        <div class="itemImage">
          <img src="assets/img/placeholder.png">
        </div>
      </ion-card>
    
      <ion-card>
      </ion-card>
    
    </ion-content>



 
&#13;
&#13;
&#13;

它的外观如下:as you can see it take the whole card

2 个答案:

答案 0 :(得分:0)

将宽度:100%添加到.itemImage和.itemImage&gt; img。

答案 1 :(得分:0)

我想补充一下:

  self.navigationController?.navigationBar.isHidden = true

希望这有帮助!