input输入字体时抖动

问题描述

1. input输入字体时框内元素会整体下移一像素 也就是 1px
2. 目前全局字体大小是16px label字体大小也是16px ,相同,理论上讲不应该出现此问题.

代码

				<div class="sign_login mb20">
                    <span>账号：</span>
                    <input class="pl10">
                    <span>密码：</span>
                    <input class="pl10">
                    <button class="ml10" type="submit">签收</button>
                </div>

问题解决

1. 将input设置为块元素

input{
	display:block;
}

输入字体时不会再有抖动,下移的情况 , 但是会乱了已经写好的布局

2.讲input与span对齐

vertical-align: middle;