Firefox 和 Firefox 之间的字体高度变化Webkit 浏览器?
Firefox 和 Firefox 之间的字体(myriad pro)似乎不同。 Webkit 浏览器(Chrome 和 Safari)。我没有在 Internet Explorer 上进行过测试。
form.standard.small input[type=submit] {
width: 104px;
height: 36px;
margin: 12px 2px 4px;
padding: 5px 27px 5px 45px;
font-size: 14px;
background:url('../images/button-small.png') no-repeat 0px 0px;
}
当我进入 Firebug 中的计算样式时,所有参数都是相同的(行高、字体- 大小、填充、边距等)。我尝试将 @font-face 文件隔离为单个 .ttf 文件类型,但没有任何变化。
有人知道为什么/如何修复吗?
The font (myriad pro) seems to be different between Firefox & Webkit browsers (Chrome & Safari). I have not tested on Internet Explorer.
form.standard.small input[type=submit] {
width: 104px;
height: 36px;
margin: 12px 2px 4px;
padding: 5px 27px 5px 45px;
font-size: 14px;
background:url('../images/button-small.png') no-repeat 0px 0px;
}
When I go into the computed style in Firebug, all parameters are the same (line-height, font-size, padding, margin, etc). I tried isolating the @font-face files to a single .ttf file type, but no change.
Anyone know why/how to fix?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
Firefox 为按钮添加额外高度是一个已知问题,请尝试将此代码添加到 css 文件中:
It's a known issue that firefox adds extra height to buttons, try add this code to the css file:
请注意,IE 6 不理解
您必须添加一个类。
Be aware that IE 6 do not underdstands the
You have to add a class.