Firefox和Chrome中的输入大小不同

时间:2018-01-09 15:50:47

标签: html css google-chrome firefox

在构建表单时,我发现Firefox和Google Chrome之间的大小和间距存在一些奇怪的差异。

enter image description here

首先,在Firefox中,每列中的第一个输入之间存在像素差异。

此外,文本输入具有不同的高度,textarea和下面的输入之间的空间也不同,因此无法正确对齐所有内容。

但最奇特的是,textarea和文本输入具有相同的底部边距,但是谷歌Chrome元素后面的元素没有对齐。

'"' + input('input: ') + '"'

这些差异来自何处以及如何解决?

更新 Normalize CSS除了顶部的一个像素差异外,不会解决任何问题。

此表单的代码:https://jsfiddle.net/jLcojhq0/2/

0 个答案:

没有答案