低版本Chrome导致弹框无法滚动的解决方案

需求

管理后台界面,在Chrome浏览器中运行,弹框内容过长,出现无法滚动现象,本地调试,可以滚动,但客户现场 ,弹框无法滚动。

思考

因为客户觉得界面字体过小,所以将浏览器分辨率放大了125%,刚开始以为是这个放大导致界面显示不全, 还准备添加不同分辨率判断 进行代码适配。

开始写的时候,本地测试了下,发现,无论放大多少倍,页面有滚动条,是可以滚动的,完全不影响使用的,也不会出现显示不全的问题。

于是:考虑到是不是浏览器不支持的问题

结果

查看了我本地的浏览器版本及客户现场的版本,发现了问题:客户浏览器版本过低导致的

我本地浏览器版本:为最新版本

客户现场版本:为低版本71.几的

解决办法

升级现场版本 为最新版本,重新运行项目,页面可以正常滚动啦~~

相关推荐
Apifox几秒前
Apifox 11 月更新|AI 生成测试用例能力持续升级、JSON Body 自动补全、支持为响应组件添加描述和 Header
前端·后端·测试
木易士心几秒前
深入剖析:按下 F5 后,浏览器前端究竟发生了什么?
前端·javascript
在掘金801103 分钟前
vue3中使用medium-zoom
前端·vue.js
xump25 分钟前
如何在DevTools选中调试一个实时交互才能显示的元素样式
前端·javascript·css
折翅嘀皇虫26 分钟前
fastdds.type_propagation 详解
java·服务器·前端
Front_Yue27 分钟前
深入探究跨域请求及其解决方案
前端·javascript
wordbaby28 分钟前
React Native 进阶实战:基于 Server-Driven UI 的动态表单架构设计
前端·react native·react.js
抱琴_29 分钟前
【Vue3】我用 Vue 封装了个 ECharts Hooks,同事看了直接拿去复用
前端·vue.js
风止何安啊30 分钟前
JS 里的 “变量租房记”:闭包是咋把变量 “扣” 下来的?
前端·javascript·node.js
Danny_FD35 分钟前
用 ECharts markLine 标注节假日
前端·echarts