html - svg + ipad 标志大小困难

Question

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

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

显然有什么问题，但它无法弄清楚它是什么。已尝试为其添加最大高度，但没有区别。已尝试向周围的 div 添加最大高度 .... 不走运

...我可以忽略 svg 而只使用 png，但想让它工作。

任何人都可以帮助解释为什么会这样吗？

Answer 1

好的，我已经解决了这个问题。

我正在使用modernizr和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" />');
}

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

                <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 没有得到更广泛的使用 :-)