2014-06-20 34 views
5

Retina ekranlı iPad Retina ve MacBook Pro'da (hem Chrome hem de Safari) farklı şekilde oluşturulmuş basit bir SVG resmim var. stroke-linecap öğenizi rect öğenize eklediğiniz anda stroke-width, normal genişliğin iki katı hale getirilir.iPad'de SVG inme çizgisi Retina

İki dikdörtgenin aynı kenarlık genişliğine sahip olması gereken örnek (iPad'de kontrol et): SVG rectangle with/without linecap.

Eksik olan stroke-width için bir birim belirteci var mı, yoksa başka çözümler var mı?

+3

de, tek bir çözelti ortam sorgu kullanıyor olabilir '-webkit-min-cihaz piksel oranı: 2 've yarım genişliğine hat-kapaklı dikdörtgen darbe genişliği azaltılarak değil piksel oranı 2 olmadığında gerçekten doğrudur. – Bakhshi

cevap

0

Bu, iOS Simulator ile yapılan denemelere dayanarak artık iOS 9'da bir sorun değil.

enter image description here

+0

cool! ios 9 üzerinde test etme şansı yoktu ama bu iyi görünüyor. – Bakhshi