vue 如何解决浏览器缩放大于100%时,el-col内容重叠问题?

作者站长头像
站长
· 阅读数 18

浏览器缩放100%时显示正常:vue 如何解决浏览器缩放大于100%时,el-col内容重叠问题?浏览器缩放125%时重叠:vue 如何解决浏览器缩放大于100%时,el-col内容重叠问题?尝试使用设置el-row flex无果。请问有无解决方法?谢谢

回复
1个回答
avatar
test
2024-07-17

正常来说应该不会有这种情况,因为我们内部的派发的笔记本默认都是 150% 的系统缩放比例,暂时还没有遇到你这样的问题。一般来说可以通过给表单内部的 inputselectpicker 元素添加 style="width:100%" 就可以解决问题。

另外一个就是在布局得时候去针对不同缩放比例(缩放会使页面可用分辨率变低),就可以使用不同得栅格尺寸(xssmmdlgxl) 去做适配。让页面元素可以有足够得空间去展示内容。因为即使使用了 width:100% 在缩放超过 150% 之后,内部得 placeholder 文本也有可能会变成显示不完全。

回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容