在flex布局下引用了el-table,平时习惯都是直接在el-form下跟着写。
本次书写的项目如下图所示。开发的时候根本没有注意到放大缩小后的样式问题。并且都做了自适应。
页面放大后,左边的样式已出现问题,回到100%后显示正常。
然而将页面缩小后再返回100%,就出现了问题
局部注释后一块一块查找,才发现是el-talbe影响了页面样式。
查阅资料后找到了相关解决方案:!!!给el-table套DIV盒子,并设置position属性
但感觉还有点问题,之后发现更好的解决办法会及时更新(已更新在最下方,不用设置position属性即可)
!!!经过开发实验找到了新的解决方式
给table套div盒子
父级元素设置position:relative属性
table盒子设置宽高:height:100% width:99% (99就没问题,100就会出问题 真的很神奇)