Heim > Web-Frontend > HTML-Tutorial > H5在移动端行高不居中问题_html/css_WEB-ITnose

H5在移动端行高不居中问题_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-21 08:47:28
Original
2102 Leute haben es durchsucht

以下为测试代码

<!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>
Nach dem Login kopieren


在PC端各个浏览器都是好的   top中文字水平居中
在Android和IOS的微信中 top中的文字会向上偏移(明显看出上面留白少,下面留白多)

这个是怎么造成的,有什么办法解决这个问题?


回复讨论(解决方案)

移动端不用px,用百分比或em代替

vertical-align:middle可以吗?

以上都不行,还有别的方法么  我用px或者rem都向上偏移

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage