Problema visualización Logo SVG con Bootstrap
Estoy desarrollando una web en Bootstrap y en el encabezado tengo un logotipo formato SVG que tiene que ser responsive ( sin tamaño fijo) pero no es posible visualizarlo a no ser que le deje la propiedad de ancho en un valor fijo en .px ¿ Existe alguna forma de que sea responsive sin dejar un valor fijo en .px? Porque en Chrome, Opera, Safari, Internet explorer dejando la propiedad Width en auto
Chosen solution
¡Hola Fran!
Por favor marca tu pregunta como resuelta para ayudar a otros que tengan el mismo problema.
¡Gracias!
Read this answer in context 👍 1All Replies (6)
pegea400 said
Estoy desarrollando una web en Bootstrap y en el encabezado tengo un logotipo formato SVG que tiene que ser responsive ( sin tamaño fijo) pero no es posible visualizarlo a no ser que le deje la propiedad de ancho en un valor fijo en .px ¿ Existe alguna forma de que sea responsive sin dejar un valor fijo en .px? Porque en Chrome, Opera, Safari, Internet explorer dejando la propiedad Width en auto
Me ha faltado añadir a lo último que esos navegadores, aparece sin problema pero en firefox no
Hola, En este foro no podre ayudarte con temas de programación: Puedes visitar la documentación de Mozilla para desarrolladores: https://developer.mozilla.org/es/ De Bootstrap: https://getbootstrap.com/docs/4.0/getting-started/browsers-devices/ O Foros de programación en general: https://stackoverflow.com/search?q=bootstrap+firefox (ingles) También en la Red Reddit hay mucha personas con conocimiento de programación: https://www.reddit.com/r/bootstrap/ https://www.reddit.com/r/firefox/search/?q=bootstrap&restrict_sr=1 Saludos
pegea400 said
pegea400 saidEstoy desarrollando una web en Bootstrap y en el encabezado tengo un logotipo formato SVG que tiene que ser responsive ( sin tamaño fijo) pero no es posible visualizarlo a no ser que le deje la propiedad de ancho en un valor fijo en .px ¿ Existe alguna forma de que sea responsive sin dejar un valor fijo en .px? Porque en Chrome, Opera, Safari, Internet explorer dejando la propiedad Width en autoMe ha faltado añadir a lo último que esos navegadores, aparece sin problema pero en firefox no
El logo que quiero usar es este: https://www.imprentaonline24.es/img/imprentaonline24.svg
Hola, Lograste consulta en los otros foros que te pase? Saludos
GerardoPcp04 said
Hola, Lograste consulta en los otros foros que te pase? Saludos
Al final lo puse aquí y me han ofrecido una solución que la tengo que implementar:
https://css-tricks.com/forums/topic/problem-css-boostrap-firefox-svg/
Chosen Solution
¡Hola Fran!
Por favor marca tu pregunta como resuelta para ayudar a otros que tengan el mismo problema.
¡Gracias!