css - iPad Retina 上的描边线帽

标签 css svg retina-display

我有一个简单的 SVG 图像,它在 iPad Retina 和配备 Retina 显示屏的 MacBook Pro(Chrome 和 Safari)上呈现不同。只要将 stroke-linecap 添加到 rect 元素,stroke-width 就会呈现为正常宽度的两倍。

这是两个矩形应该具有相同边框宽度的示例(在 iPad 上检查):SVG rectangle with/without linecap .

stroke-width 是否有我遗漏的单位说明符或有其他解决方案?

最佳答案

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

enter image description here

关于css - iPad Retina 上的描边线帽,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24321900/

相关文章:

html - 响应式 SVG 问题

jquery - 想要摆脱 Bootstrap 导航栏上的细线

css - 如何在标签右侧垂直居中绘制水平线

html - 如何沿容器顶部和底部的水平线对齐 div

iphone - 未使用 Retina @2x 版本的图形

opengl - 为什么retina屏幕坐标值是像素值的两倍

javascript - D3 JS - Force Graph - 删除节点后不重新启动布局

html - 你如何在网站标题/英雄上创建非矩形图像?

svg - 在D3.js中打开子元素时,如何避免TreeMap上的文本元素重叠?

xcode - 是否可以在 Xcode 中设置系统字体?