H5在移动端行高不居中问题_html/css_WEB-ITnose
- WBOY原創
- 2016-06-21 08:47:282084瀏覽
以下为测试代码
<!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都向上偏移
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn