2014-07-07 94 views
0

要重現該問題:字體大小在Android

複製/粘貼此代碼的HTML文件:

<svg width="100%" viewBox="0 0 168.159 80.635" > 
    <text x="33.06" font-size="1" y="10.385" fill="#000000" stroke="none">Little(1)</text> 
    <text x="33.42" font-size="3" y="20.913" fill="#000000" stroke="none">Normal(3)</text> 
    <text x="33.292" font-size="7" y="30.344" fill="#000000" stroke="none">Big(7)</text> 
    <text x="33.292" font-size="15" y="50.344" fill="#000000" stroke="none">Very Big(15)</text> 
</svg> 

啓動您的平板電腦或智能手機的HTML文件(我使用科爾多瓦)。

文本「小」,「正常」,「大」是相同的大小(約9)。 「非常大」尺寸很好(15)。

在PC沒有問題:http://img15.hostingpics.net/pics/116366pbsvgpc.png

但在Android平板電腦:http://img15.hostingpics.net/pics/925902pbsvgandroid.png

是否可以重現這個問題嗎? 你有想法解決這個問題嗎?

謝謝。

回答

0

確保您選擇的字體可供Android瀏覽器使用,或者用Droid字體替換它。 我想你的字體大小是在「px」。單個像素對於字體大小不合理。單位應聲明,所以考慮開始

<svg xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 168.159 800.635" > 
    <text x="33.06" font-size="10px" y="100.385" fill="#000000" stroke="none">Little(1)</text> 
    <text x="33.42" font-size="30px" y="200.913" fill="#000000" stroke="none">Normal(3)</text> 
    <text x="33.292" font-size="70px" y="300.344" fill="#000000" stroke="none">Big(7)</text> 
    <text x="33.292" font-size="150px" y="500.344" fill="#000000" stroke="none">Very Big(15)</text> 
    </svg> 
+0

我不知道SVG很好,但我認爲如果我們不指定單位,它是一個相對大小,如x(它不是px太)。 我沒有指定字體,所以它應該是一個可用的字體。 而最重要的是,它爲什麼適用於15號而不適用於9號以下的尺寸? – Gabriel

+0

恐怕你錯了。 SVG中沒有單位的字體大小屬性以像素爲單位。即15和15px完全一樣。 –

+0

另外,爲什麼當我擴展窗口時,PC中的文本(和所有圖片按比例)變得更大? 我編輯問題添加圖片的鏈接。 – Gabriel