2012-11-19 35 views
0

使用SVG作爲標識這裏(用回退到PNG需要時)SVG + iPad的標誌大小困難

在桌面上的所有罰款,當我縮小瀏覽器的所有罰款。 但在真實的真實ipad上,我的標誌(svg)正在推動導航...很多。

顯然有什麼問題,但它不能確定它是什麼。 已嘗試添加最大高度,但沒有區別。 已嘗試添加一個最大高度的周圍div ....沒有運氣

...我可以忽略svg,只是使用png,但希望得到它的工作。

任何人都可以幫助爲什麼發生這種情況?

+0

你可以在[jsFiddle](http://jsfiddle.net)上設置演示嗎?我很久以前遇到過這個問題,但不記得我是如何修復它的。 –

回答

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> 

,這似乎是工作的罰款 我有一個css寬度100%的類別svg

請注意,您可以看到爲什麼svg沒有更廣泛使用:-)