Chrome 版本:25.0.1364.123 | 操作系统:安卓
Chrome for Android 在密集像素显示器上渲染 css 背景 SVG 和 img 标签 SVG 非常糟糕。我的 GS3 和 Nexus 7 都有问题。
为什么它会像光栅图像一样输出 SVG?我尝试将 SVG 保存为 4 倍大,将宽度和高度属性放在 imgs 上,然后使用 CSS 更改大小,但仍然没有运气。
我知道我可以将 SVG 内联,但内联 SVG 完全破坏了 IE8 或更低版本的网站。我拒绝使用多个媒体查询和不同大小的 png 来弥补这个错误。
我附上了一些截图,一张来自 Chrome,一张来自原生默认浏览器。与 Chrome 相比,默认浏览器似乎可以很好地处理背景 SVG。另一方面,我还附上了一张 Firefox 截图;为什么 Gecko 可以处理这个问题,而 Android 上的 Webkit 却不能?我并不是说 Webkit 是罪魁祸首,因为我 iPad 3 上的 Chrome 可以处理所有事情。看看这里的屏幕: