0%

关于点击下拉菜单字体模糊及可能造成boder上下一像素宽度不一的坑

关于点击下拉菜单会造成文字模糊及boder 1px上下和左右宽度不一致的问题.

起始

朋友叫帮忙看代码~ 问题是这样的, 当点击下拉菜单时, 整个页面的组件都变模糊一下. 然后border上下的边框能隐约看到会大概溢出那么一点(但是没到一个像素).

因为使用了element组件, 大概能想到中间加有transition, 对问题进行排查后发现transform这个属性会对后代元素能产生影响, 将属性删除, 问题解决. 具体影响的原理, 现在占个坑, 以后再深入挖掘…

Bug相关的图


「请笔者喝杯奶茶鼓励一下」

欢迎关注我的其它发布渠道