前言：

在Uniapp项目开发之中，如果在小程序上需要做屏幕的宽度适配，如：做image的时候，让宽度拉伸到所有image标签，左右隔10px。用width=“100%”是不行的，只能显示一半。因此，按如下去获取宽度：

<view class="journa_view" v-show="item.isImageShow">
<image :style="{'width':xw_whith-20+'px'}" :src="item.allimage" @click="TanPreviewImage(index)" mode="scaleToFill"></image>
</view>

1.动态定义宽度

• :style="{‘width’:xw_whith-20+‘px’}"

data() {
	return {
		xw_whith: ''
		}
	}

onLoad: function(e) {
		_self = this
		let res = wx.getSystemInfoSync()
		this.xw_whith = res.screenWidth
	}

2.css

.journa_view {
		margin-left: 10px;
		margin-right: 10px;
		margin-top: 10upx;
	}

3.图片适配于所有移动设备机型，左右宽度10像素。

效果图预览