手机浏览器css差异问题,css,移动端web_手持设备浏览器对line-height垂直居中的渲染差异如何解决，css,移动端web - phpStudy...

手持设备浏览器对line-height垂直居中的渲染差异如何解决

对line-height属性没有很好的理解，今日在各手机浏览器下观察到的一个问题望诸位指点:

备注说明:

1.目标是使倒计时模块中的文案垂直居中;

2.测试图片均来源于三星Galaxy Note3;

3.PC端使用chrome模拟各手持设备居中显示良好;

4.line-height试过加import提高优先级，无效，故应不是优先级问题;

5.若使用padding做到居中，在iphone和安卓下渲染完全不同，此方案不行;

6.很早的一篇文章，但好像没有好的解决方案http://www.css88.com/archives/1304

示例一：上图为火狐下的显示结果

示例二：上图为微信内置浏览器、opear、qq等浏览器的显示结果

示例三：上图为chrome下的显示结果，亦为理想结果

补充:

测试发现三星Galaxy Note3中有上述问题，而小米没有，经同事提醒可能问题不在line-height而在不同手机不同浏览器的字体上

附:

https://www.zhihu.com/question/39516424 第一个答案可以解决问题

相关阅读:

css input text如何设置在输入字符的时候，背景也是透明的？

SQL 语句问题

IE6-8 div设置绝对定位时，top/bottom不能同时生效，如何解决？

CSS里font-family 属性的值区分大小写字母吗

Direct3D 能否创建 sRGB 色域外的颜色？如果可以，能否正确显示？(假定显示器支持大色域而且经过校色)

tab bar controller 从第一个item 切换到第二个item后 第一个item内的代码会停止运行吗？

我在DW布局中锚点位置显示正常，但是到浏览器一测没有效果都到一块去了，请教大牛是怎么回事?

linux没有识别jffs2分区？

ios facebook第三方登陆问题

android webview 不支持css3 flex布局 怎么办？

「 Regular Expressions Cookbook」这本书怎么样?(是否可推荐)

请问，jenkins安装了docker插件,请问怎么查看远程服务器上的docker URL？

propotype到底是一个属性还是对象;

为什么应用没有设置provisioning profile 的地方了

yii2 为什么没有好的开源项目呢？

关于netstat中已经建立连接的进程信息为空的问题

artdialog，在子页面的弹出框的如何遮罩如何覆盖住父页面

React有自带的Ajax请求api吗？

"SELECT 1 UNION SELECT null UNION SELECT !1"的含义

求一段js正则解释