I have some SVG files that specifies width and height as well as viewbox like this:
I encountered a problem where iOS on an iPad would not correctly resize SVG images in a tag.
The CSS style would increase or decrease size of the container, but the image inside of it would not be modified (on iPad, iOS 7).
The SVG images were exported from Adobe Illustrator, and the solution turned out to be replacing the width and height in this:
with:
width="100%" height="100%"
I needed to use the tag because the tag does not currently support embedding bitmapped images in SVG's.