html - ionic 扭曲图像

Question

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

第一次访问

第二次访问

代码

        <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

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

<meta name="viewport" content="width=device-width, initial-scale=1">

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

我创建了这个 fiddle ，它也可能有帮助吗？ fiddle