BUG：在flex容器下面的一个flex:1的子容器里面写了个el-table用来展示列表数据，在做宽度自适应测试的时候发现该组件的宽度只会增加不会缩小。 Debug：通过控制台发现组件生成的table的宽度是动态计算的，翻查源码，发现以下代码段 也就是说 ...

开发过程中，页面难免需要做到适应屏幕大小的动态变化，比如表格高度随着窗口缩放而变化； 我的框架：elementui+vue 在elementui里有详细的记载高度属性的使用方式： 然而如果一开始动态高度tableHeight定义时赋值（如tableHeight：100 ...

element官方文档中的table高度都是用的 来定义了table固定高度，实际中很多时候我们需要使表格来自适应某个div，所以height一般不能让它为一个固定高度，下面看代码 需要注意的是定义一个Height与高度绑定，然后是script中的操作 在data ...

最终效果图： 一、轮播图中图片自适应宽高； 在data 中定义变量： imgHeight：300 通过 在vue的mounted中，使用 window.onresize 监听浏览器变化，动态改变imgHeight大小 ...

...

点击单元格后弹出对话框轮播图片，用Carousel 走马灯实现。 希望图片无论分辨率多少，都能在一屏内显示，这时就要用图片自适应。 图片外层容器，使用 flex 布局，设置对齐方式为主轴、交叉轴居中 display: flex; align-items: center ...

备注：尽量少量的使用！ ...

1. 修改封面图窗口大小样式。 .el-upload { //这是上传图片父容器。 border: 1px dashed #d9d9d9; bor ...