Css iPad视网膜上的SVG笔划线帽

我有一个简单的SVG图像，它在iPadRetina和MacBookPro上以不同的方式呈现，带有视网膜显示器（Chrome和Safari）。只要将

笔划linecap

添加到

rect

元素中，

笔划宽度

就会呈现为正常宽度的两倍

下面是两个矩形边框宽度相同的示例（在iPad上查看）：

---

是否有我缺少的

笔划宽度的单位说明符

，或者有其他解决方案？

基于iOS模拟器的实验，这在iOS 9中不再是一个问题

---

好的，一种解决方案可以是使用媒体查询

-webkit min设备像素比：2

，并将带线帽的矩形笔划宽度减少到正常宽度的一半，这在像素比不是2时并不准确。酷！没有机会在ios 9上测试它。但是看起来不错。