elementui自适应窗口

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 像素。

  •