2013-12-21 15 views
0

我有編碼簡單的HTML佈局和一個HTML表我已經設置字體大小:9px;現在,當我在ipad檢查我的字體比這更大,比如我已經把它像這樣字體:大小不工作在iPad的HTML表

<td width="52" height="56" valign="top" style="font-size:9px;font-family:Arial, Helv 
etica, sans-serif;"> 
<div align="left" style="text-decoration:none;font-size:9px;font-family:Arial, 
Helvetica, sans-serif;color:#333333;"> 

Text goes here 

</div> 
</td> 

我有gine內嵌樣式div的爲TD,甚至內嵌樣式很好,但它不工作,我曾嘗試

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
    body{font-size:9px !important;} 
} 

,但仍期待其超過12像素我怎樣才能將其設置爲11像素爲iPad,請幫我一下吧。

+0

它看起來更大,還是更大?你有Firebug嗎? (是的,你可以在iPad上使用Firebug)。 –

+0

它看起來更大,也許繼承了一些其他代碼我檢查使用litmus.com不能螢火蟲 – user3119647

+0

爲什麼你不能Firebug?谷歌的'Firebug iPad',你會發現幾篇文章將指導你如何在你的iPad上安裝/使用Firebug。 –

回答

0

使用em值。

html { 
    font-size: 100%; //16px 
} 
body { 
    font-size:68.75%; //11px 
} 

table { 
    font-size:0.8181em; //9px 
} 

現在所有的都將基於11px = 1em;如果你想14px的那麼這將是14/11 = 1.2727em

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
    table {font-size:0.8181em;} 
} 
+0

仍然無法正常工作 – user3119647

1

iPad和iPhone讓分的文本15像素或soemthing這樣。在樣式中添加「-webkit-text-size-adjust:none」