对于我的 wordpress 主题,我使用 svg 图标,效果很好,预计 Firefox 会出现一些问题。如果我的图标(16 像素 x 16 像素)位于水平居中的容器中,它们会变得模糊。(铬很好)
这是他们在居中模式下的样子:(模糊,只看+) http://cl.ly/image/0X2x361K3U0u
如果它们不居中,这就是它们的外观:http: //cl.ly/image/2g2d2n1m3M0k
我的容器通过 margin: 0 auto 居中,宽度为 1170px。
我个人认为这有点像好的 ol Flash 问题,您将某些东西居中,然后图片可能位于 145.5 之类的半像素值上并且变得模糊。你们知道有什么解决方法吗?
ps:这些都是内联SVG,这里是一个例子(+):
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg"xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"width="16px" height="16px" viewBox="0 0 16 16" enable-background="new 0 0 16 16" xml:space="preserve">
<polygon points="1,7 7,7 7,1 9,1 9,7 15,7 15,9 9,9 9,15 7,15 7,9 1,9 "/>
</svg>
提前非常感谢。:) 迈克尔