离子扭曲的图像

Question

我试图并排显示图像和文字但是当我在浏览器和我的Android设备上测试应用程序时，图像在第一次查看页面时显得非常窄，当我回到页面时图像看起来正确。

1st visit

2nd visit

代码

        <ion-item ng-repeat='item in clients' class="item-text-wrap">
            <h3>{{item.clientName}}</h3>
            <div class="row">
                <img ng-src="./img/{{item.clientName}}.jpg" 
                alt="{{item.clientName}}'s Screenshot" class="portfolio-img">
                <div class="">{{item.clientBio}}</div>
            </div>
        </ion-item>

CSS

.portfolio-img{
    width: 120px;
    height: 214px;
}

Answer 1

您是否在头部中包含了响应式元标记？

String timestamp = parseDate(location.getTime().toDate());

public String parseDate(Date date){
        String format = "yyyy-MM-dd HH:mm:ss";
        SimpleDateFormat sdf = new SimpleDateFormat(format, Locale.US);
        return sdf.format(date).toString();
}

此外，请查看媒体查询，因为它可以让您更好地控制在较小的分辨率上显示，例如移动设备！

我创造了这个小提琴，这可能也有帮助吗？ fiddle