iphone safari瀏覽器html對齊問題

在下面的URl中，右下角的文本沒有與iphone safari瀏覽器中的正確屬性對齊。 link iphone safari瀏覽器html對齊問題

但它在Safari瀏覽器中正確對齊，甚至在其他瀏覽器（例如，Firefox）也可以。

的代碼列舉如下：

<div id="footer"> 
    <br /> 
    <div style="float: left; letter-spacing: 3px; font-family: PMingLiU; font-size:18px;"> 
     &#35531;&#35242;&#33256;&#26412;&#24215;&#36984;&#36092; &#39321;&#28207;&#24503;&#36628;&#36947;&#35199;94&#34399; 
    </div> 
    <div style="float: right; letter-spacing: 3px; font-family: PMingLiU; font-size:18px;">現購物滿港幣3800元可享專人送貨服務 查詢電話:25483136</div> 
    <br /><br /> 
    <div style="float: right; letter-spacing: 2px; font-family: PMingLiU; font-size:16px;">只限於香港九龍港鑯沿線</div> 
    <br /><br /><br /><br /><br /><br />

你有任何的想法？

謝謝。

來源

2011-05-31 hosir

我認爲這可能是Mobile Safari的一個字體問題。 Mobile Safari上的數字出現在Times-ish中，而在正常的Safari上，他們看起來是Helvetica-ish，而數字上的間距有點不同。實驗的比特產生了有些奇怪的解決方法，在一個<span>包裹所述數字它們移動到右側（但移動額外的空間，以冒號的右邊）：

<div style="float: right; letter-spacing: 3px; font-family: PMingLiU; font-size:18px;">現購物滿港幣3800元可享專人送貨服務 查詢電話:<span>25483136</span></div>

和示例：http://jsfiddle.net/ambiguous/AydWp/4/embedded/result/

不是一個真正的解決方案，但可能是一種改進。

來源

2011-05-31 03:43:06

iphone safari瀏覽器html對齊問題

回答

相關問題