O SVG tem espaço em branco na parte superior ao redimensionar o navegador

Question 1

Quando eu redimensionar o navegador de um fina linha branca aparece no topo do SVG. Se eu redimensionar a página novamente, ele desaparece. Em determinadas larguras de página reaparece e desaparece. Quando eu abrir o ficheiro SVG, por si só, não vejo quaisquer artefatos como aquele. Quando eu definir o SVG plano de fundo para algo louco como background: red Eu posso ver que a linha branca é dentro SVG, porque ele fica vermelho, e não algum tipo de fronteira ou artefato criado por um vizinho div. Alguma idéia de por que isso pode ser? Até agora eu só tenho sido capaz de reproduzi-lo no google Chrome e o Microsoft Borda. Parece bom no FF e Safari.

Esta é a página SVG é: https://striveworks.us/careers

aqui está um exemplo:

Question 2

O seu problema é com isso, se você desativar o plano de fundo através de inspecionar elementos, a linha vai desaparecer, mas, em seguida, a parte inferior será de mis de cor.

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

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

O seu problema é com isso, se você desativar o plano de fundo através de inspecionar elementos, a linha vai desaparecer, mas, em seguida, a parte inferior será de mis de cor.

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

Observe que o SVG adicionais de linha branca desaparece quando nós escala a imagem de vetor. Eu sugiro alterar a altura do .hwGnAC elemento >= 9rem como valores mais baixos não corrigir o referido problema.
obrigado por olhar para isto... você está dizendo que o espaço em branco é criado porque o original SVG é muito maior? tentando descobrir como corrigir isso em SVG si

O SVG tem espaço em branco na parte superior ao redimensionar o navegador

Pergunta

Melhor resposta

Em outros idiomas

Esta página está em outros idiomas

Popular nesta categoria

Perguntas populares nesta categoria