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上的css宽度为100％

请注意，我可以看到为什么没有更广泛使用svg： - ）

svg + ipad标识尺寸困难

1 个答案: