浏览器减小分辨率时,页面卡死

551 阅读1分钟

最近在vue项目中遇到一个bug,对页面进行缩放的时候,页面卡死。

具体问题

经过排查,发现是element ui中的tab组件,使用了stretch将标签的宽度撑开,为了让tab居中显示,将.el-tabs__nav-scroll的width修改为50%,减小分辨率就会发生卡死的情况。

解决方法

将width修改为40%或者60%没有问题,或者在tab外面包一个定位为absolute的div。

原因

不知道为什么会出现这个问题