
关于点击下拉菜单会造成文字模糊及boder 1px
上下和左右宽度不一致的问题.
起始
朋友叫帮忙看代码~ 问题是这样的, 当点击下拉菜单时, 整个页面的组件都变模糊一下. 然后border上下的边框能隐约看到会大概溢出那么一点(但是没到一个像素).
因为使用了element
组件, 大概能想到中间加有transition
, 对问题进行排查后发现transform
这个属性会对后代元素能产生影响, 将属性删除, 问题解决. 具体影响的原理, 现在占个坑, 以后再深入挖掘…
Bug相关的图


