Maison >interface Web >tutoriel HTML >H5在移动端行高不居中问题_html/css_WEB-ITnose
H5在移动端行高不居中问题_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-21 08:47:282117parcourir
以下为测试代码
<!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都向上偏移
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：CSS2.1规范中文版_html/css_WEB-ITnoseArticle suivant：想进入HTML5游戏圈 这些事你真的需要知道_html/css_WEB-ITnose