Html svg+；ipad标志尺寸困难

在此处使用svg作为徽标（需要时可回退到png）

在桌面上一切正常，当我收缩浏览器时一切正常。 但在真正的ipad上，我的徽标（svg）将导航功能向下推了…很多

很明显有什么地方出了问题，但它不知道是什么。 已经尝试为其添加最大高度，但没有任何区别。 尝试为周围的div添加一个最大高度…运气不好

…我可以忽略svg，只使用png，但我想让它发挥作用

---

有人能帮忙解释一下为什么会发生这种情况吗？

好的，我已经解决了

我用的是Modernizer和img标签

if (Modernizr.inlinesvg) {
               //SVG.
        //    $('#logosvg').html('<img src="BLogo_Intra_RGB.svg" alt="alt" />');

        } else {
            //No SVG.
        //    $('#logosvg').html('<img src="logo.png" alt="alt" />');
}

if（modernizer.inlinesvg）{
//SVG。
//$（'#logosvg'）.html（''）；
}否则{
//没有SVG。
//$（'#logosvg'）.html（''）；
}

而我现在将其更改为使用对象标记

                <div id="logosvg" class="eleven columns" style="outline: 1px solid blue">
            <object data="Logo_Intra_RGB.svg" type="image/svg+xml" class="classsvg" alt="alt">
                <a href="Logo_Intra_RGB.svg">
                    <!--[if lte IE 8 ]-->
                    <img src="log.png" alt="alt">
                    <--![endif]-->
                </a>
            </object>
            </div>

这似乎很有效 我在classsvg上有一个100%的css宽度

请注意，我可以理解为什么svg没有得到更广泛的应用：-）

您可以在上设置一个演示吗？我很久以前就遇到过这个问题，但不记得我是如何解决的。