vue 如何解决浏览器缩放大于100%时,el-col内容重叠问题?
浏览器缩放100%时显示正常:
浏览器缩放125%时重叠:
尝试使用设置el-row flex无果。
请问有无解决方法?谢谢
回答:
正常来说应该不会有这种情况,因为我们内部的派发的笔记本默认都是 150%
的系统缩放比例,暂时还没有遇到你这样的问题。
一般来说可以通过给表单内部的 input
、select
、picker
元素添加 style="width:100%"
就可以解决问题。
另外一个就是在布局得时候去针对不同缩放比例(缩放会使页面可用分辨率变低),就可以使用不同得栅格尺寸(xs
、sm
、md
、lg
和 xl
) 去做适配。让页面元素可以有足够得空间去展示内容。
因为即使使用了 width:100%
在缩放超过 150%
之后,内部得 placeholder
文本也有可能会变成显示不完全。
以上是 vue 如何解决浏览器缩放大于100%时,el-col内容重叠问题? 的全部内容, 来源链接: utcz.com/p/933103.html