css - iPad Retina 上的 SVG 笔划线帽

Question

我有一个简单的 SVG 图像，它在 iPad Retina 和带有 Retina 显示屏的 MacBook Pro（Chrome 和 Safari）上呈现不同。一旦你添加stroke-linecap到你的rect元素中，它stroke-width就会被渲染为正常宽度的两倍。

这是两个矩形应具有相同边框宽度的示例（在 iPad 上检查）：带/不带 linecap 的 SVG 矩形。

是否有stroke-width我缺少的单位说明符或有其他解决方案？

Answer 1

根据 iOS 模拟器的实验，这在 iOS 9 中不再是问题。