Css Firefox和CrispEdge使元素的大小增加_Css_Svg

Css Firefox和CrispEdge使元素的大小增加

css svg

Css Firefox和CrispEdge使元素的大小增加,css,svg,Css,Svg,我使用css属性shape rendering:crispEdge来防止矩形形状出现锯齿。这在Chrome和Safari中给rects带来了一种美妙、清爽的感觉但在OSX上的Firefox25中，使用形状渲染：CrispEdge绘制一个长连接块，而不是我们在条之间使用的1px间距。基本上，看起来实际的SVG容器必须在1/2px的步骤上对齐（而不仅仅是其中的元素）。使用宽度百分比的流体布局无法保证这一点下面是一个说明问题的示例：在OSX上的Firefox 25中是否有类似Chrome的Cri

我使用css属性

shape rendering:crispEdge

来防止矩形形状出现锯齿。这在Chrome和Safari中给rects带来了一种美妙、清爽的感觉

但在OSX上的Firefox25中，使用

形状渲染：CrispEdge

绘制一个长连接块，而不是我们在条之间使用的1px间距。基本上，看起来实际的SVG容器必须在1/2px的步骤上对齐（而不仅仅是其中的元素）。使用宽度百分比的流体布局无法保证这一点

下面是一个说明问题的示例：

在OSX上的Firefox 25中是否有类似Chrome的

CrispEdge

行为的解决方法？

无法在Win8/Firefox 25上复制-行为与Chrome匹配。Michael-抱歉，我没有指定运行OSX。我用这些信息更新了问题。我还尝试向每个SVG元素添加

shape rendering=“crispEdge”

，但没有运气：