Tarayıcıyı yeniden boyutlandırırken svg'nin üstünde beyaz boşluk var

0

Soru

Tarayıcıyı yeniden boyutlandırdığımda svg'nin üstünde ince beyaz bir çizgi belirir. Sayfayı yeniden boyutlandırırsam kaybolur. Belirli sayfa genişliklerinde yeniden görünür ve kaybolur. SVG dosyasını tek başıma açtığımda, böyle bir eser göremiyorum. SVG arka planını çılgın bir şeye ayarladığımda background: red Beyaz çizginin svg'nin içinde olduğunu görebiliyorum çünkü kırmızıya dönüyor ve komşu bir div tarafından oluşturulan bir tür sınır veya eser değil. Bu olabilir neden herhangi bir fikir? Şimdiye kadar yalnızca Chrome ve Microsoft Edge'de yeniden üretebildim. FF ve Safari'de iyi görünüyor.

Bu, svg'nin açık olduğu sayfadır: https://striveworks.us/careers

işte bir örnek:

here's an example of the artifact

css google-chrome javascript reactjs
2021-11-23 16:44:28
1

En iyi cevabı

2

Sorun şu ki, arka planı ınspect-elements aracılığıyla devre dışı bırakırsanız, çizgi kaybolacak, ancak alt kısım yanlış renklendirilecektir.

svg.careers__AnimatedCurveSVG-sc-1587ytp-2 hwGnAC.hwGnAC {
    background: rgb(244, 242, 246);
}

enter image description here

2021-11-23 16:49:57

Vektör görüntüsünü ölçeklendirdiğimizde svg'nin ek beyaz çizgisinin kaybolduğunu unutmayın. Ben önermek değişen yüksekliği .hwGnAC öğesi > = 9rem olarak daha düşük değerler belirtilen sorunu gidermez.
McRaZick

buna baktığın için teşekkürler... orijinal SVG çok daha büyük olduğu için beyaz alanın oluşturulduğunu mu söylüyorsunuz? bunu svg'nin kendisinde nasıl düzelteceğinizi anlamaya çalışıyorum
raptoria7

evet............
Dean Van Greunen

Diğer dillerde

Bu sayfa diğer dillerde

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
한국어
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................