如何解决 Joomla 网站在 Chrome/IE 和 Firefox 中的数字位置问题答案

【问题标题】：How to fix issues with number position for Joomla site in Chrome/IE and Firefox如何解决 Joomla 网站在 Chrome/IE 和 Firefox 中的数字位置问题
【发布时间】：2017-01-17 18:16:16
【问题描述】：

我在使用 Joomla 3.5.1 构建的 Joomla 网站上遇到了一些问题。我编写了 CSS 以确保网站具有响应性，并且一切正常。

我遇到的问题是该网站的标题在以下浏览器和版本中显示不同：

Firefox 48.0.2（这很好） Chrome 52.0（电话号码不合适） Internet Explorer 10（电话号码和搜索栏不合适）

我不确定如何使该网站在 Chrome 中正常工作，因此不确定如何在我的 css 中解决此问题。我的印象是该网站会在所有浏览器（如 Chrome、Firefox）中显示相同的内容，并且只有 Internet Explorer 可以定位不同的样式，但有些地方不太正确。

该网站的网址是：http://www.leicesterbakery.co.uk

如果有人能给我一些关于如何解决此问题的建议，我将不胜感激，因为我已经尝试过 Chrome 中的检查元素，但无法确定如何解决它。

提前致谢。

【问题讨论】：

标签： html css google-chrome internet-explorer joomla

【解决方案1】：

FF 和 Chrome 渲染字体的方式不同，总有 1-2px 的不同。您可以尝试使用更小一点的字体，或者让父对象更宽一些 - 尝试减少电话图标的填充 - 你会发现这对 Chrome 也有帮助。

关于 IE - 认为这是浮动的问题。我不知道如何解决它，也许尽量不要为电话图标使用这么大的 padding-left。认为图标的更好解决方案可以是 position: absolute;

【讨论】：

谢谢 Arek，会看看你的建议。