Question

在以下URl中，右下角文本未与iphone safari浏览器中的右侧属性对齐。 link

但它在pc中的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上的数字看起来像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/

不是真正的解决方案，但可能是一种改进。

iphone safari浏览器html对齐问题

1 个答案: