设置子视图超出父试图之后滚动
overflow-x: scroll;设置滚动
flex-direction: row;横向布局
&::-webkit-scrollbar {
width: 0;
}设置滚动条为0
flex-shrink: 0;禁止压缩
我这个是pc端口之前是按照最小屏幕分辨率是
测试的 但是甲方是需要用ipad看,会导致首页上面的两个table重拍,因为这个是position:absolute定位上去的,所以我这里先使用媒体查询的方式 在最大宽度的时候重新写一个样式,其中有一个就是table表格宽度不自适应 然后手动在最大宽度中改变宽度然后里面的每行数据太多 没法滚动,然后看了样式,是之前进行超过宽度隐藏了,所以这边重新找到这个table的标签把这个overflow:auto改成这个,然后左右两个都有了滚动条,都有的情况会造成,底部风险滚动条和右侧竖的滚动条有一个空白的地方,这个样式没办法去改的,所以要把其中一个滚动条去掉,所以去掉竖的
::v-deep .el-table--scrollable-x .el-table__body-wrapper{
overflow: auto!important;
flex-shrink: 0; 好像不写也没有关系
&::-webkit-scrollbar{
width: 0;
}