el-dialog el-select适配移动端

本文主要是介绍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>

这篇关于el-dialog el-select适配移动端的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---