原因为写表单时使用Chrome调试,未发现异常,但当后来使用Firefox查看时,却发现登录表单的input标签异常现象
Chrome正常情况下:
Firefox的异常情况:
经过调试,发现问题出在CSS样式表 input标签中的一句:
padding:0.8em 0.8em;
而字体size为1.3em,父容器的高为1.5em
但能清楚地看到在Chrome中,上下的边距是与为上下内边距为0时效果一样的,而左右边距则有相应体现,可以猜想Chrome在发生诸如此类错误时,自动修改为0;
而Firefox则没有类似机制,反而表现出标签被“挤没了”的效果。