0

ここではロゴとして svg を使用します (必要に応じて png にフォールバックします)。

デスクトップでは問題なく、ブラウザを縮小しても問題ありません。しかし、実際の実際の iPad では、私のロゴ (svg) がナビゲーションをかなり押し下げています。

明らかに何かが間違っていますが、それが何であるかはわかりません。max-height を追加しようとしましたが、違いはありません。周囲のdivにmax-heightを追加しようとしました....運が悪い

...svg を無視して png だけを使用することもできますが、それを機能させたいと考えています。

なぜこれが起こっているのか誰でも助けることができますか?

4

1 に答える 1

0

わかりました、これを整理しました。

私は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>

そして、これはうまく機能しているようです

svg があまり広く使われていない理由がわかります :-)

于 2012-11-20T14:50:58.000 に答える