css数字的line-box比文字的上下间距留得大?

Question

（手机上的效果）

demo:
http://jsbin.com/feravikini/e...
http://output.jsbin.com/ferav...

如果给文字和数字同时设一个line-height：1，（哈哈 or 360）
文字的line-box的高度几乎就等于文字的高度，
但是数字的话上下还有很多空隙，这是怎么回事？

这样的情况就会造成一个问题？
在手机上数字和文字就会底边不对齐（如图一样 360 or 元），

我不得不使用绝对定位来实现，

span{
  font-size:34px;
  background:yellow;
  line-height:1;
  position:relative
}
span em{
  font-style:normal;
  font-size:14px;
  color:red;
  position:absolute;
  bottom:0;
}

http://output.jsbin.com/virid...
然后发现更无法对齐了，通过设置bottom来达到对齐的目的，但不同手机的
设置的值有出处很大？
很蛋疼的问题，又碰到的是个处女座的设计....