【vue+element ui】大屏自适应中el-select下拉内容在低分辨率下显示不全问题解决

目录

背景

现象

解决方案


背景

最近要把一个1920px*1080px的大屏改成自适应的;最低适配到1028px*720px;

现象

自适应适配改完之后

将电脑屏幕改成1028px*720px分辨率后,下拉显示正常

通过谷歌浏览器设置Toggle device toolbar为1028px*720px分辨率,下拉显示异常

其他页面的下拉框都受到影响

解决方案

使用F12对比查看,发现el-select中的el-select-dropdown__item是固定的;

解决办法:将el-select-dropdown__wrap改大,让内容全部显示出来;

全局设置,代码如下(项目中使用到的是scss)

/deep/.el-select-dropdown__wrap {max-height: 100% !important;
}

页面下拉可以全部显示,如下

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/709500.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Fastjson2 <== 2.0.26反序列漏洞

根据Y4TACKER师傅在2023-03-20发布了一篇关于Fastjson原生反序列化的文章,文章中引入注目的是利用条件限制条件,不常常关注漏洞预警或者内容的几乎都是未发觉Fastjson2 到Fastjson2 2.0.26版本都有问题,其实如果单独去使用一些关键词去搜索&a…

Aws Ec2服务器设置密码登录

通过密钥,ssh登录到服务器 切换到root sudo -i开始设置root的新密码 passwd root输入并确认新密码即可 5.修改ssh配置文件 vim /etc/ssh/sshd_config6.重启sshd配置 systemctl restart sshd

QML中动态增加表格数据

1.QML中的表格实现 import QtQuick 2.15 import QtQuick.Window 2.15import QtQuick.Controls 2.0 import Qt.labs.qmlmodels 1.0 import QtQuick.Layouts 1.15Window {width: 640height: 480visible: truetitle: qsTr("Hello World")TableModel{id:table_modelTabl…

接口测试-幂等测试

我们知道一个网站的访问中会有很多各种各样的接口请求 比如说拿一个购物网站来说,有注册,有登录,有浏览商品,有添加购物车,查询购物车商品这些接口,还有一类特殊的接口,比如:支付。…

【JavaEE进阶】 Spring AOP详解

文章目录 🎋前言🎍Spring AOP核心概念🚩切点(Pointcut)🚩连接点(Join Point)🚩通知(Advice)🚩切面(Aspect) 🍀通知类型🚩注意事项 🌲PointCut🎄切面优先级Ord…

elasticsearch中设置查询的请求超时时间

参考:https://www.phpmianshi.com/?id251 背景 因为我们的项目是用的php,为了防止调用搜索时,请求处理时间太长,导致php-fpm占满,所以需要对外部接口设置请求的超时时间,避免过多的超时请求,我…

深入理解Linux线程(LWP):概念、结构与实现机制(1)

🎬慕斯主页:修仙—别有洞天 ♈️今日夜电波:会いたい—Naomile 1:12━━━━━━️💟──────── 4:59 🔄 ◀️ ⏸ ▶️ ☰ &a…

vue 解决:点击左侧相同菜单,右侧页面不重新加载的问题

1、问题描述: 其一、需求为: 无论是通过路由组件形成的平台管理系统,还是通过文件配置形成的平台管理系统,都存在通过切换左侧的导航栏而使右侧的页面切换的业务需求; 其二、问题描述为: A、步骤一&#…

Redis很慢,如何排查及解决?

性能分析工具: 使用Redis自带的命令或者第三方工具进行性能分析,比如INFO命令、MONITOR命令、SLOWLOG命令等。使用外部性能分析工具,如Redis的慢查询日志、Redis的监控工具、操作系统的性能分析工具(例如top、htop、sar等&#xf…

基于RISC-V架构的通信DSP的设计以及在5G RedCap基带中的应用(五)-基于RISC-V的RedCap DSP在5G基带中的应用

4 基于RISC-V的RedCap DSP在5G基带中的应用 4.1 基带处理器的关键任务和性能需求 基带处理器是移动通信设备中的关键部件,负责处理无线信号,包括信号的接收、发送和处理。在5G通信系统中,基带处理器的关键任务和性能需求包括以下几个方面&a…

【Linux C | 网络编程】gethostbyname 函数详解及C语言例子

😁博客主页😁:🚀https://blog.csdn.net/wkd_007🚀 🤑博客内容🤑:🍭嵌入式开发、Linux、C语言、C、数据结构、音视频🍭 🤣本文内容🤣&a…

常用网络协议配置步骤摘要

目录 一、配置IP地址二、配置静态路由三、配置动态路由(OSPF)四、配置Telnet五、配置SSH六、配置DHCP七、配置ACL八、配置NAT(Easy_IP)九、配置NAT(Server NAT) 一、配置IP地址 进入到接口 添加IP地址 二…

jmeter实战

全局设置 Add->Config Element->User Defined Variables 用户自定义变量name->value格式后面通过 \${xxx}方式引用变量Add -> Pre Processor -> BeanShell PreProcessor 通过代码形式或者shell脚本形式在请求前定义变量shell脚本文件 或者 编写Java 脚本定义变…

就业班 2401--2.29 Linux Day8--存储管理2(LVM)+swap+磁盘阵列raid

!!!!!!小伙伴们一定要看到最后,有彩蛋呢^--^ 一、存储管理Ⅱ 逻辑卷LVM (Logical Volume Manager(逻辑卷管理)的简写) LVM管理 lvm概念&#xf…

代理IP如何帮助领英账号预防封号限制?

LinkedIn是跨境外贸必备的拓客工具,世界各地的许多专业人士都使用领英来作为发布和共享内容的主要工具,这使得它成为跨境出海必备的渠道工具。 但是不少做外贸的朋友都知道,领英账号很容易遭遇限制封禁,但如果善用工具&#xff0…

单点登录的三种方式

前言 在B/S系统中,登录功能通常都是基于Cookie 来实现的。当用户登录成功后,一般会将登录状态记录到Session中,或者是给用户签发一个 Token,无论哪一种方式,都需要在客户端保存一些信息(Session ID或Token)&#xff0…

redis-RedisTemplate.opsForGeo 的geo地理位置及实现附近的人的功能

redis内部使用的是 zset 数据结构存储,如下 import cn.huawei.VideoApplication; import cn.huawei.domain.Jingqu; import cn.huawei.service.JingquService; import org.junit.jupiter.api.Test; import org.springframework.beans.factory.annotation.Autowired…

什么是存储过程和函数?它们与常规SQL查询有什么不同?描述一下MySQL的事务管理。

什么是存储过程和函数?它们与常规SQL查询有什么不同? 存储过程和函数是MySQL数据库中预编译的SQL代码块,它们可以被多次调用并执行特定的任务。它们与常规的SQL查询有以下几个主要的不同点: 预编译和执行:存储过程和函…

leetcode-62. 不同路径

题目描述 一个机器人位于一个 m x n 网格的左上角 (起始点在下图中标记为 “Start” )。 机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角(在下图中标记为 “Finish” )。 问总共有多少条不同的路径&#xff…

Tkinter.Text控件中,文本存在某个关键字的将被高亮显示(标记颜色+字体加粗)

在Tkinter的Text控件中,要标记某个关键字并改变其颜色,你可以使用tag_add方法来给包含关键字的文本添加标签,然后使用tag_config方法来配置该标签的显示样式,包括前景色(字体颜色)和背景色等。以下是一个完…