html 只显示两行

overflow: hidden;
text-overflow: ellipsis;
display: box;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
存在问题：
rem适配手机时，必须设置line-height:x rem;才能正常显示2行，不知道是为什么。猜想：是因为在通用css中设置了line-height的原因吗？但是在Google Chrome中查看css样式，通用中的line-height并没有起作用啊！本菜鸟敬请大神指点哈！