H5在移动端行高不居中问题_html/css
来源：动视网
责编：小采
时间：2020-11-27 16:40:24
H5在移动端行高不居中问题_html/css
H5在移动端行高不居中问题_html/css_WEB-ITnose:以下为测试代码 Default .top{width:100%;height:30px; line-height:30px; border:1px solid #000;font-size:14px;} 固定模板 在PC端各个浏览器都是好的 top中文字水平居中 在Android和IOS的微信中 top中的文字会向上偏移（明显看出
导读H5在移动端行高不居中问题_html/css_WEB-ITnose:以下为测试代码 Default .top{width:100%;height:30px; line-height:30px; border:1px solid #000;font-size:14px;} 固定模板 在PC端各个浏览器都是好的 top中文字水平居中 在Android和IOS的微信中 top中的文字会向上偏移（明显看出
以下为测试代码
在PC端各个浏览器都是好的 top中文字水平居中
在Android和IOS的微信中 top中的文字会向上偏移（明显看出上面留白少，下面留白多）
这个是怎么造成的，有什么办法解决这个问题？
回复讨论(解决方案)
移动端不用px，用百分比或em代替
vertical-align:middle可以吗？
以上都不行，还有别的方法么 我用px或者rem都向上偏移
H5在移动端行高不居中问题_html/css
H5在移动端行高不居中问题_html/css_WEB-ITnose:以下为测试代码 Default .top{width:100%;height:30px; line-height:30px; border:1px solid #000;font-size:14px;} 固定模板 在PC端各个浏览器都是好的 top中文字水平居中 在Android和IOS的微信中 top中的文字会向上偏移（明显看出
