html - Chrome 和 Firefox 中的间距不同

标签 html css google-chrome firefox

这是给我带来麻烦的页面的链接:

http://youtube.thegoblin.net/layoutfix/

如果您在 firefox 和 chrome 中查看网站,您会发现间距不同。它在 chrome 中的样子就是我想要的样子。

我已经尝试在 YUI 2 中链接:按照另一个问题中的建议重置 CSS,但我似乎无法让它工作。

这是样式表链接:http://youtube.thegoblin.net/layoutfix/styles/style.css

最佳答案

您应该更改某些包含文本的元素的行高。这些是您需要更改的一些(也许是全部)元素的行高:

#title: 56px
.yoText: 46px
#buttonTitle: 68px
#buttonText: 34px

关于html - Chrome 和 Firefox 中的间距不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13979437/

相关文章:

html - Web 开发人员工具栏 View 样式信息丢失

javascript - 启用后关注html元素

javascript - 如何切换页面的一部分,以便从一段文本转到另一段文本?

html - 仿select

google-chrome - 如何在 Chrome 开发工具中调出移动键盘?

google-chrome - 谷歌浏览器移动模拟器: How to show on screen keyboard

html - 尝试对齐 <p> 两边的图像

javascript - 图片库中的图片定位

html - 背景图像的最大宽度和最大高度

javascript - gulp 浏览器同步只打开 chrome