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对齐问题

回答

相关问题