I have been importing SVGs as pass-through graphics in order to have resolution independent graphics on retina displays, and they look great on my iPad.
The issue I have is that when I “Fit Box to Content,” I get scroll bars on the webpage around the graphic (in Safari and Chrome on my Mac), and the image is clipped on my iPad.
I found that making the HTML item 16 pixels wider and taller than the image I import eliminates the scroll bars. Is there a way around this? I would like the containing HTML item to be no bigger than the graphic itself.
I referred to the following KnowledgeBase article for pass-through SVGs: