组件:image,加载svg图片。
wxml:
<view class="home-box">
<image class="home-run" src="../../images/walk/home_pic.svg" mode="scaleToFill" ></image>
</view>
wxss:
.home-box{
text-align: center;
margin-top: 40rpx;
}
.home-run{
width: 678rpx;
height:278rpx;
}
问题描述:我需要的图片大小为图中红框大小,css也是设置的这么大,但显示如图并未生效,图中还有边框
模拟器如图
把宽度设置成100%,或者750rpx看看,小程序满屏的宽度是750rpx,image这个组件的高度是会比原本的图片高出20rpx左右,加上disply:block;高度就正常了。再不行就发代码片段