Home > Article > Web Front-end > H5在移动端行高不居中问题_html/css_WEB-ITnose
H5在移动端行高不居中问题_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 08:47:282084browse
以下为测试代码
<!DOCTYPE html><html><head> <meta name="viewport" content="width=device-width" /> <title>Default</title> <style> .top{width:100%;height:30px; line-height:30px; border:1px solid #000;font-size:14px;} </style></head><body> <div class="top">固定模板</div></body></html> 在PC端各个浏览器都是好的 top中文字水平居中
在Android和IOS的微信中 top中的文字会向上偏移（明显看出上面留白少，下面留白多）
这个是怎么造成的，有什么办法解决这个问题？
回复讨论(解决方案)
移动端不用px，用百分比或em代替
vertical-align:middle可以吗？
以上都不行，还有别的方法么 我用px或者rem都向上偏移
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：CSS2.1规范中文版_html/css_WEB-ITnoseNext article：想进入HTML5游戏圈 这些事你真的需要知道_html/css_WEB-ITnose