在微信小程序中设置宽度有以下几种方法：
通过`.json`文件设置
打开小程序页面的`.json`文件，在`"navigationBarTitleText"`后面添加`"style": "height:100%；width:100%；"`，表示设置页面的高度和宽度都为100%。
通过`.wxss`文件设置
在`.wxss`文件中添加`page`样式，设置`width: 100%；`可以使页面宽度占满整个屏幕。
使用视窗单位`vw`
在`.wxss`文件中，可以使用`width: 100vw；`来设置元素的宽度为视窗的100%。
使用`rpx`单位
`rpx`是小程序自带的衡量尺寸，可以根据屏幕宽度进行自适应。通常设置`width: 750rpx；`可以使页面宽度适应不同屏幕大小。
动态计算宽度
在页面的JavaScript文件中，可以通过`wx.getSystemInfoSync（）`获取屏幕宽度，并动态计算元素宽度，例如：
```javascript
const screenWidth = wx.getSystemInfoSync（）.windowWidth；
this.setData（{
containerWidth: screenWidth
}）；
```
在`.wxml`文件中，使用`{{containerWidth}}rpx`来设置元素的宽度。
建议
使用`rpx`或`vw`单位：这两种单位可以更好地适应不同屏幕尺寸，使小程序界面更加美观和自适应。
动态计算宽度：如果需要根据屏幕宽度动态改变元素大小，可以在JavaScript中获取屏幕宽度并动态设置元素样式。
通过以上方法，你可以根据需要灵活设置小程序的宽度。