小程序image图片自适应,不压缩,不变形,原图填充 |
您所在的位置:网站首页 › 小程序入口页面图片怎么设置的呢 › 小程序image图片自适应,不压缩,不变形,原图填充 |
第一种方法
使用image做背景图,宽设100%,使用mode属性下的widthfix。 mode值说明scaleToFill(默认值)缩放形式,不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 aspectFit缩放模式,保持纵横比缩放图片,使图片的短边能完全显示出来。也就是说,可以完整的将图片显示出来aspectFill缩放模式,保持纵横比缩放图片,只保证图片的短边能完全显示出来。也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取。widthFix缩放模式,宽度不变,高度自动变化,保持原图宽高比不变。hightFix缩放模式,高度不变,宽度自动变化,保持原图宽高比不变。 //mode="widthFix"这个属性 就可以自适应了。 |
今日新闻 |
点击排行 |
|
推荐新闻 |
图片新闻 |
|
专题文章 |
CopyRight 2018-2019 实验室设备网 版权所有 win10的实时保护怎么永久关闭 |