我在Chrome中遇到了一个奇怪的CSS间距问题(但在Firefox和/或IE中却没有)
在Firefox中,“房地产搜索”(H2标签)和“加利福尼亚州旧金山”的表单输入字段(#city-field输入标签)之间的垂直间距是完美的,但是在Chrome浏览器中,Chrome会应用更多/额外的垂直间距超出期望.
为了帮助您,我附上了屏幕截图.红线表示Chrome所添加的额外间距,而Firefox / IE没有.
关于Chrome使用比Firefox& amp; amp;更大的间距的任何想法IE浏览器
以及如何解决此问题.
提前致谢
更新
我还使用“重置样式表”在所有浏览器中标准化H2间距等.可以在上面的链接HTML文档中找到它,但仍然遇到此问题.
最佳答案
@H_301_22@我以为行高是罪魁祸首.尝试将h2的行高设置为13到15像素左右.默认情况下,它设置为正常.根据W3C,行高：正常“告诉用户代理基于元素的字体将使用的值设置为“合理”的值.” Firefox和Chrome可能会设置不同的“合理”值,因为它们是基于完全不同的渲染引擎构建的.