做vue项目。 1、在assets文件夹中，新建一个global.css文件。 2、然后在main.js中引入 global.css 3、后续给你所有的组件设置 height:100% 就可以了。 eg： ...

最近写用vue2.0写一个项目，用到了走马灯效果，由于项目赶时间，想偷下懒，第一次引用了element组件(纯JS也可以写的出来，赶时间嘛，懂得。。。。)，结果用了发现一个问题，element的组件（Carousel） 走马灯，高度是固定的，页面缩小会有空隙。网上查了一大堆资料，都说的不全 ...

写在前面：网站轮播图建议使用swiper组件，非常方便快捷。vue轮播图插件之vue-awesome-swiper 接手一个项目，轮播图是用element-ui的carousel实现的，看起来效果还不错，只是固定宽高，并未做适配，于是将就代码做下修改，以适配各种显示器屏幕 ...

由官方文档，我们可知table想要设置高度，就必须在table里面设置高度 所以在应用到自适应高度也需要结合api实现 在table部分定义变量 在data中定义! 在data中定义常量显然不合理 因此我们定义一个变量 虽然这时候，已经可以根据窗体大小，高度动态变化，但是，还要每次 ...

参考：https://blog.csdn.net/weixin_43932245/article/details/109203514 ...

项目需求：页面中分成左右两边，一边的宽度自适应（里面嵌套的是el-table），一边的宽度固定 问题：使用flex布局，使用flex:1后el-table只能自适应扩大，不能自适应缩小 Debug：通过控制台发现组件生成的table的宽度是动态计算的，翻查源码，发现以下代码段 也就是说 ...

外层使用easyui框架中window组件，便于使用最大化功能；内部表格使用element-ui在的el-table,el-table列宽须设置为最小宽度才能在最大化窗口时列表中列宽自适应window窗口的宽度，否则就是扒在一堆的，很难看。 <el-table-column v-for ...

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