gpt4 book ai didi

html - ionic 扭曲图像

转载 作者:行者123 更新时间:2023-11-28 07:06:10 25 4
gpt4 key购买 nike

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

第一次访问

distorted images

第二次访问

enter image description here

代码

        <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;
}

最佳答案

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

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

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

我创建了这个 fiddle ,它也可能有帮助吗? fiddle

关于html - ionic 扭曲图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32949876/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com