Hello,
An inline svg‘s viewport is established by the height and width specified on the root <svg> element. Once the width and height attributes are removed, all browsers assume a width equal to 100% and stretch the SVG horizontally to fit the width of its container. I use SVG Cleaner to clean up any SVG files before I upload them. I also sometimes go in manually and remove the width and height attributes, but that isn’t necessary if you just use CSS to override it.
In Chrome and Firefox, the height of the SVG is calculated by the browser so that the SVG scales as expected. No extra work is needed to make the SVG fluid.
You can read more in depth descriptions here.
I hope that helps 🙂
Thanks for your support and interest in my plugin!
Cheers
Ben
Thread Starter
ABoooo
(@aboooo)
Hi Benbodhi,
I thank you for your help and your work. It is working.
Best
AB
