Проблема высоты окна SVG в ios Safari

Я заметил странную вещь на IOS при использовании SVG. Кажется, что svgs отлично работают во всех других браузерах, но в Safari ipad / iphone в окне просмотра есть странное пространство сверху и снизу svg. Кто-нибудь еще сталкивался с этим и вам удалось это исправить? Используя некоторый простой код SVG, такой как:

<svg width="100%" viewBox="0 0 20 10">
    <polygon fill=red stroke-width=0 points="0,10 20,10 10,0" />
</svg>

На ipad / iphone, если я поставлю границу на svg, там странное пространство выше и ниже svg ... ??

Хорошее качество скрипки на рабочем столе выглядит нормально, но если вы посмотрите на него на ipad и т. д., вы увидите проблемы.

http://jsfiddle.net/InVAMPED/hck5gg1a/