проблема с выравниванием html браузера iphone

Question

В следующем URl текст в правом нижнем углу не выровнен по правому свойству в браузере iphone safari. ссылка

Но он правильно выровнен в браузерах 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 />

У вас есть идеи по этому поводу?

Спасибо.

Answer 1

Я думаю, что это может быть проблема со шрифтом в Mobile Safari. Цифры в Mobile Safari выглядят как временные, тогда как в обычном Safari они выглядят как Helvetica, и интервал между цифрами немного отличается. Немного экспериментирования дает несколько странный обходной путь, заключая числа в <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/

Не совсем решение, но, возможно, улучшение.