图片显示问题？

来源：8-7 Django HTTPS部署

慕前端2252553

2019-04-16

老师您好，小程序显示图片的时候，会把比较大的图片给挤压了的很难看，image标签的几个属性我都试过了都不能达到要求，有什么办法控制吗？

写回答

2回答

慕前端2252553

提问者

2019-04-24

我试了您的办法，这个办法没达到效果，它会把整个高度都撑大了，，比如我在image外层设置了一个view的高度200px，如果此时我的图片高度有400px就会把下面的给撑大，其实我是想图片就固定在200px里面。然后显示不会被挤压！有没有啥办法？

咚咚呛

2019-04-16

这样的情况的话，就需要通过自定义CSS样式来实现图片等比例缩放。然后使用图片标签的相关mode。

.img{
　　width: 100%;
}

widthFix：宽度不变，高度自动变化，保持原图宽高比不变。我们设置image的mode为widthFix。

<image class="img" src="../../images/hello.png" mode="widthFix">

希望对你有所帮助哦~

Django+小程序技术打造微信小程序助手

0到1完整项目实战过程，是难得的Django+小程序全栈项目体验。

991 学习 · 507 问题

相似问题

回答 2

回答 1

回答 2

回答 4

回答 2