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

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


回答:

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

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

以上是 vue 如何解决浏览器缩放大于100%时,el-col内容重叠问题? 的全部内容, 来源链接: utcz.com/p/933103.html

回到顶部