css - 应用 CSS 时，Flex 按钮组件的边框模糊并改变宽度

Question

我在实现 flex 按钮组件时遇到问题:

我已将 CSS 样式应用于按钮并将 border-color 设置为 #555555。 到目前为止，它按预期工作。

然后，当我的应用程序调整大小时，按钮组件的边框变得模糊并且其宽度自动从 1 像素变为 2 像素，这看起来不太好..

当我再次最大化应用程序时，边框模糊后，按钮的边框变为 1 像素并且看起来不错。

当我慢慢增加或减少应用程序的宽度时，也会发生从 1px 到 2px 再到 1px 的变化。

是什么导致了这个问题？

Answer 1

我发现了错误，

这是因为如果包含按钮的容器在 float 中有 x,y 位置，它设置按钮在 float 值中的相对位置，这在 flex 3.2 中不是自动舍入的，所以按钮的绘制看起来像我尝试的那样模糊在两个像素上绘制按钮，即在 x= 3.3 的情况下，按钮将在 3 和 4 像素上绘制。通过简单地将此值四舍五入即可解决问题。

注意:如果是 graphics.drawing 方法，这个问题会自动避免。