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

Question

浏览器缩放100%时显示正常：
浏览器缩放125%时重叠：
尝试使用设置el-row flex无果。
请问有无解决方法？谢谢

Answer 1

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

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