el-dialog el-select适配移动端

一、el-dialog

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

代码如下：

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

二、el-select

代码如下：

<template><el-select :popper-append-to-body="false" popper-class="my-select"></el-select>
</template><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>