移动端的行高问题

  今天在做移动端页面布局的时候,发现一个有趣的现象,就是在不同的手机品牌上,字与字之间的间距表现的形式不一致,具体的情况是红米note和苹果的表现是一致的,而三星和魅蓝note1表现是一致的(果然是水火不相容)。红苹果阵营是表现的间距小,蓝三星变现正常。但是这是万万不可的啊,产品怎么能答应呢,(如上图)然后我就开始了慢慢的找寻bug的路,最后在度娘等众多的答案与我的重重考虑中。我发现了,竟然是行高的问题,当我不设置行高的时候,也就是行高是默认值line-height: initial的时候,每个手机的默认是不同的,具体的请自行体会。所以不管怎么修改两个阵营的显示效果是不一样的。SO,我们就要自行设置了,不能使用默认值,这个bug也就解决了。哈哈哈                    

posted @ 2017-02-09 15:50  程先生哈  阅读(1286)  评论(2编辑  收藏  举报