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

2013-11-20 Bob Cahill

你将不得不提供给我们的代码什么的。（上传一张照片imgur或其他） –

好吧，如果你真的想进入它，还有的直接FF只有CSS呼叫主机像你使用的目标IE https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

有一个margin和padding可能工作。

来源

2013-11-20 21:23:10

你将不得不向我们提供一些图片或东西，以便我们能够更好地为您提供帮助。，但试图利用Normalize.css

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

来源

2013-11-20 21:33:20

我已经正常化已经建立。这里是你可以在浏览器中预览的简化版本：<！DOCTYPE HTML> 无标题文献 <链路的rel = “样式表” SRC = “// normalize-css.googlecode.com/svn/trunk/normalize.css”/> <风格类型= “文本/ CSS”> \t * { \t \t margin：0; \t \t padding：0; \t \t} \t body { \t \t height：100％; \t \t宽度：100％; \t} \t

测试文本

–

不知道为什么发生这种情况。我添加了1px的页边距，并且在Chrome和FireFox上都正确对齐。 –

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

添加到您的风格，都应该顺利

来源

2013-11-20 21:42:04

已经有设置。下面是一个简化的版本：<！DOCTYPE HTML> 无标题文档 <链路相对=“stylesheet”src =“// normalize-css.googlecode.com/svn/trunk/normalize。CSS” /> <风格类型= “文本/ CSS”> \t * { \t \t余量：0; \t \t填充：0; \t \t} \t体{ \t \t高度：100％; \t \t宽度：100％; \t} \t

测试文本

–

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

回答

测试文本

测试文本

相关问题