当浏览器被拉升时,父子元素会同步拉升,但是当浏览器缩小时,父子元素无法同步缩小。
原因是element 内部的table宽度是根据父级元素来计算的。当父元素是 flex 布局时,嵌套的子元素会有一个是固定的宽度。当子元素的固定宽度大于 flex 的宽度时,flex 就不会自动缩小。
解决办法:
给table的父元素设定相对定位,给table设定绝对定位,例如:
::v-deep .my_table {
position: relative;
.el-table {
position: absolute;
}
}