在项目实际开发过程中，遇到bootstrap模态框弹出时，页面应有的滚动条被全屏模态框遮挡消失，引起滚动条消失而页面会横向拉伸。相当与页面横向拉伸了滚动条的宽度问题。

以下是解决方法：

html {
  overflow-y: scroll
}

:root {
  overflow-y: auto;
  overflow-x: hidden;
}

:root body {
  position: absolute;
}

body{
  width: 100vw;
}