uniapp css width宽度100%导致界面右边超出屏幕或者padding导致出现滚动条

这实际上是一个纯粹的css问题，在小屏幕上非常容易出现。原因就是你的view使用了padding，而padding是算自身宽高的，而使用width 100%的时候，就变成了100% width加上padding的内容。所以就会在右边多出一部分内容。解决办法就是设置box-sizing: border-box。默认是box-sizing: content-box;

ScottePerk

2888人浏览 · 2023-06-27 08:47:56

ScottePerk · 2023-06-27 08:47:56 发布

这实际上是一个纯粹的css问题，在小屏幕上非常容易出现。原因就是你的view使用了padding，而padding是算自身宽高的，而使用width 100%的时候，就变成了100% width加上padding的内容。所以就会在右边多出一部分内容。
解决办法就是设置box-sizing: border-box。默认是box-sizing: content-box;

当然，就是只对padding生效，margin就可以理解为正常现象了。