【发布时间】：2010-08-26 02:07:44
【问题描述】：
我有一个网站，与 FireFox 或 IE8 相比，在 Safari 中查看时其标题看起来未对齐。我发现这是因为 Safari 中的按钮看起来比其他浏览器大。什么 CSS 可以在 Safari 中解决这个问题？
这是比较 Safari 和 Firefox 的屏幕截图：
这里是发生错位的主页：
【问题讨论】：
标签： firefox google-chrome safari
【发布时间】：2010-08-26 02:07:44
【问题描述】：
为了消除特定于供应商的默认 CSS，通常使用“CSS 重置”。 就个人而言，我喜欢the one in YUI。来自网站：
基本的 CSS 重置可移除浏览器提供的 HTML 元素的不一致样式。这创造了一个可靠的平坦基础。加载 CSS 重置后，编写项目需要的明确 CSS。
假设您的重置样式表是“好的”，那么绝大多数跨浏览器的差异，例如您的按钮大小问题，都将被消除。
【讨论】：
-
谢谢！这是最好的方法。
您也应该将按钮的 line-height 设置为 11px。
按钮高度是使用 line-height + padding + anyborders 计算的。Safari 的默认 line-height 似乎与其他浏览器不同。
【讨论】：
-
谢谢！这个建议也有帮助。我必须为 Safari 设置高度。