iPad Retina と MacBook Pro Retina ディスプレイ (Chrome と Safari の両方) で異なる方法でレンダリングされる単純な SVG 画像があります。要素に追加stroke-linecap
するとすぐに、通常の幅の 2 倍にレンダリングされます。rect
stroke-width
以下は、2 つの長方形の境界線の幅が同じである必要がある例です (iPad で確認してください): linecap あり/なしの SVG 長方形。
私が欠落している単位指定子はありstroke-width
ますか、それとも他の解決策がありますか?