在手机上设置一行文字line-height:1+overflow:hidden会使上面一点隐藏掉？

Question

给文字设成line-height：1会让其他部分更好布局，不知为什么手机上就出现隐藏文字上头一部分？
有什么好的解决方法？

<p>哈哈哈哈哈</p>
p{line-height:1;overflow:hidden;width:50%;text-overflow: ellipsis;
white-space: nowrap;font-size:1rem;
}

Answer 1

用你的代码并不会有这样的效果，请补全代码

Answer 2

我也一直认为line-height:1会让行占高度正好等于font-size，这样对UI标注非常友好。
但是，我错了。

reset.css的时候不提倡用line-height:1的,有些字体如此设置会导致你说的，顶部被切掉一部分。
更多可以参考这个： https://zhuanlan.zhihu.com/p/...