SVG è uno spazio bianco in cima, quando il ridimensionamento del browser

Question 1

Quando ho ridimensionare il browser una sottile linea bianca che appare in alto a SVG. Se ho ridimensionare nuovamente la pagina, scompare. In certi larghezza di pagina riappare e scompare. Quando ho aperto il file in formato SVG di per sé, non vedo artefatti del genere. Quando ho impostato il formato SVG sfondo a qualcosa di pazzo come background: red Vedo che la linea bianca è all'interno SVG perché diventa rosso, e non un qualche tipo di bordo o un artefatto creato da una vicina di div. Qualche idea sul motivo per cui questo potrebbe essere? Finora sono stato solo in grado di riprodurre in Chrome e Microsoft Bordo. Si guarda bene in FF e Safari.

Questa è la pagina di SVG è: https://striveworks.us/careers

ecco un esempio:

Question 2

Il problema è questo, se si disattiva il sottofondo tramite ispezioni-elementi, la linea scompare, ma poi la parte inferiore sarà mis-colorato.

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

Dean Van Greunen · Answer 1 · 2021-11-23T16:49:57

Il problema è questo, se si disattiva il sottofondo tramite ispezioni-elementi, la linea scompare, ma poi la parte inferiore sarà mis-colorato.

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

Si noti che i file supplementari di linea bianca scompare quando si scala l'immagine vettoriale. Suggerisco di modificare l'altezza del .hwGnAC elemento >= 9rem come i valori più bassi non di risolvere il detto problema.
grazie per guardare questo... stai dicendo lo spazio bianco è creata perché l'originale in formato SVG è molto più grande? cercando di capire come risolvere questo problema in SVG stesso

SVG è uno spazio bianco in cima, quando il ridimensionamento del browser

Domanda

Migliore risposta

In altre lingue

Questa pagina è in altre lingue

Popolare in questa categoria

Domande popolari in questa categoria