CSS高度在不同浏览器中有所不同

Question

Safari和Chrome中蓝色条的高度匹配，但在Firefox中它更小。我想让它们平等。我一直试图修复它3个小时。希望你们能帮助我。

谢谢。

Answer 1

你可以使用css hack for firefox：

@-moz-document url-prefix() { 
  header {
     height:50px; /* or whatever fits best there */
  }
}

这应仅由Firefox解释，而Opera，Chrome和Safari将使用默认的header {...}定义