el-dialog el-select适配移动端

2024.06.20今天我学习了如何对el-dialog弹窗，el-select下拉框适配移动端展示，效果如下：

一、el-dialog 

代码如下：

@media screen and (min-width: 220px) and (max-width: 600px) {
  ::v-deep .el-dialog {
    width: 95% !important;
  }
}

二、el-select

代码如下：

 
<style>
  ::v-deep .el-select-dropdown {
    max-width: 250px;
  }
  .my-select .el-select-dropdown__item {
    width: 300px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .my-select .el-select-dropdown__list {
    width: 300px;
  }
  .my-select {
    left: 25% !important;
    margin-top: -5% !important;
  }
style>