应用CSS时，Flex按钮组件的边框会模糊并更改宽度

Question

我遇到了实现flex按钮组件的问题：

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

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

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

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

是什么导致了这个问题？

Answer 1

我发现了错误，

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

注意：如果是graphics.drawing方法，则会自动避免此问题。