svg + ipad 标志大小困难

【问题标题】：svg + ipad logo size difficultiessvg + ipad 标志大小困难
【发布时间】：2012-11-20 22:50:58
【问题描述】：

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

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

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

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

谁能帮忙解释为什么会这样？

【问题讨论】：

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

标签： html css svg

【解决方案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>

这似乎工作正常我在 classesvg 上有一个 100% 的 CSS 宽度

请注意，我明白为什么 svg 没有得到更广泛的使用 :-)

【讨论】：