使用vue.js和element组件。
table表格中，由于设置高度为固定值，当浏览器大小发生改变后，会很丑，所以。

<el-table ref="table" :data="allSceneTable.scenes" border stripe style="width: 100%" :height="allSceneTable.tableHeight" v-loading="allSceneTable.loading"
										    element-loading-text="拼命加载中"
										    element-loading-spinner="el-icon-loading"
										    element-loading-background="rgba(0, 0, 0, 0.8)">

:height=“allSceneTable.tableHeight”

  data: {
		allSceneTable: {
			loading: false,
			tableHeight: 50,
		},
    },

that.$refs.table.$el.offsetTop为屏幕高度，-30是因为个人的table表格下有分页，把分页的高度算上，不然进去后看不到分页。
refs和el前有$符号。上面没显示出来。

 mounted: function () {
    	var that = this;
    	setTimeout(()=> {
    		that.allSceneTable.tableHeight = window.innerHeight - that.$refs.table.$el.offsetTop - 30;
    	},100);
   	}

监听到目前为止有问题，暂未处理，以上代码加入后table表格的高度随浏览器高度自适应，但是，由于未监听，浏览器高度改变后，只能刷新当前页面让它自适应。