Element UI 是一个基于 Vue.js 的前端 UI 框架。如果您想让 Element UI 组件适应窗口大小,您可以使用 CSS 媒体查询来实现。
以下是一个示例:
<style>
.el-table {
width: 100%;
@media (min-width: 576px) {
.el-table {
max-width: 500px;
</style>
<template>
<el-table :data="tableData"></el-table>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [{
name: '张三',
age: 18
name: '李四',
age: 20
</script>
上面的代码中,在屏幕宽度大于等于 576 像素时,表格的最大宽度为 500 像素。