SVG Viewbox Höhe Problem auf iOS Safari

Ich habe eine seltsame Sache auf ios bemerkt, wenn ich svg benutze. Die svgs scheinen in allen anderen Browsern gut zu funktionieren, aber auf Safari ipad / iphone hat die Viewbox oben und unten im svg etwas seltsamen Platz. Hat jemand anderes auf dieses Problem gestoßen und konnten Sie es beheben? Verwenden Sie einen einfachen SVG-Code wie:

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

Auf ipad / iphone, wenn ich einen Rand auf das Svg stelle, gibt es einen seltsamen Raum über und unter dem Svg ... ??

Geige Güte sieht normal auf dem Desktop, aber wenn Sie es auf einem iPad usw. sehen, werden Sie die Probleme sehen.

http: //jsfiddle.net/InVAMPED/hck5gg1a

Antworten auf die Frage(4)

Ihre Antwort auf die Frage