【发布时间】：2015-08-30 11:58:18
【问题描述】：
Safari 8 和 Chrome 44（在 Windows 上）似乎对于仅包含文本的元素具有不同的高度。我希望元素高度由文本的大小来设置，而且似乎是这样，只是两个浏览器的高度不一致。
您可以通过这些屏幕截图看到它：
有没有办法解决这个问题？
【问题讨论】：
标签： css google-chrome safari
【发布时间】：2015-08-30 11:58:18
【问题描述】：
如果没有 codepen 或类似的实时示例，很难说（我需要查看实际确切的 CSS）；但我建议的第一件事是尝试设置 line-height: 21px; 以强制指定特定的行高。
如果这不起作用，请使用height: 21px; 强制设置高度。您可能会遇到 WebKit 和 Blink 浏览器引擎之间的渲染差异；或呈现 OS X 和 Windows 之间的差异（我认为这实际上更有可能）。
您是否仔细检查过两种浏览器是否使用了相同的字体？从屏幕截图中很难看出，但看起来可能在一个浏览器上该字体是备用字体。
【讨论】：
-
绝对不是同一种字体；我没注意到。像你建议的 line-height 和 height 我已经尝试过无济于事，但如果它的字体不同，它无论如何都会出现在窗口之外。感谢您的帮助！