无法跨浏览器获得像素完美高度

时间:2013-11-20 21:01:29

标签: html css google-chrome firefox

我将Firefox和Chrome并排排列。我有一个没有垂直填充的h1元素或使用Web字体的文本项没有垂直边距。我得到一个像素差异。如果我在firefox和chrome中查看Computed信息,两者都以56px计算,但在视觉上有两个填充,其中firefox是1像素额外。有想法该怎么解决这个吗?无法上传照片。

3 个答案:

答案 0 :(得分:1)

您必须向我们提供一些图片或其他内容,以便我们更好地为您提供帮助。 但尝试使用Normalize.css

http://necolas.github.io/normalize.css/

答案 1 :(得分:0)

好吧,如果你真的想进入它,那么有很多直接的FF调用,就像你用来定位IE https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

有一个可用的边距和填充。

答案 2 :(得分:0)

    <style>
* {margin: 0;padding: 0}
body,html {height: 100%;width: 100%}
   </style>

将此添加到您的风格中,一切顺利