iPad Retina 上的描边线帽

Stroke-line cap on iPad Retina

提问人:Bakhshi 提问时间:6/20/2014 最后编辑:Daniel WiddisBakhshi 更新时间:3/11/2022 访问量:696

问:

我有一个简单的 SVG 图像,它在 iPad Retina 和带有 Retina 显示屏的 MacBook Pro(Chrome 和 Safari)上以不同的方式呈现。一旦你添加到你的元素中,就会呈现出正常宽度的两倍。stroke-linecaprectstroke-width

下面是两个矩形应具有相同边框宽度的示例(在 iPad 上检查):带/不带线帽的 SVG 矩形

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

CSS SVG 视网膜显示屏

评论

3赞 Bakhshi 6/20/2014
好吧,一种解决方案可能是使用媒体查询并将带有线帽的矩形的笔划宽度减小到正常宽度的一半,当像素比不是 2 时,这并不真正准确。-webkit-min-device-pixel-ratio:2

答:

0赞 akarve 10/17/2015 #1

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

enter image description here

评论

0赞 Bakhshi 10/29/2015
凉!没有机会在iOS 9上测试它。但这看起来不错。