"Si un trabajador quiere hacer bien su trabajo, primero debe afilar sus herramientas." - Confucio, "Las Analectas de Confucio. Lu Linggong"
Página delantera > Programación > ¿Por qué mis símbolos SVG no se escalan correctamente en Internet Explorer?

¿Por qué mis símbolos SVG no se escalan correctamente en Internet Explorer?

Publicado el 2025-01-26
Navegar:495

Why Aren't My SVG Symbols Scaling Correctly in Internet Explorer?

SVG Los símbolos no escala correctamente en IE: espacio adicional

Internet Explorer tiene un error de larga data donde escala incorrectamente SVG sin atributos de ancho y altura.

solución

existe una solución usando un truco que involucra un elemento , que es decir, escala correctamente. Colocar un con la misma relación de aspecto que el SVG dentro de la contenido asegura el tamaño SVG correcto.

css

]
canvas {
  display: block;
  width: 100%;
  visibility: hidden;
}

svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
Último tutorial Más>

Descargo de responsabilidad: Todos los recursos proporcionados provienen en parte de Internet. Si existe alguna infracción de sus derechos de autor u otros derechos e intereses, explique los motivos detallados y proporcione pruebas de los derechos de autor o derechos e intereses y luego envíelos al correo electrónico: [email protected]. Lo manejaremos por usted lo antes posible.

Copyright© 2022 湘ICP备2022001581号-3