我在使用Joomla 3.5.1构建的Joomla网站上遇到了一些问题。我已经编写了CSS以确保该站点能够响应，并且一切正常。
我的问题是该网站的标题在以下浏览器和版本中显示的有所不同：
Firefox 48.0.2（显示正常）
Chrome 52.0（电话号码不正确）
Internet Explorer 10（电话号码和搜索栏不正确）
我不确定如何定位该网站才能在Chrome中正常工作，因此不确定如何在CSS中修复此问题。我的印象是，该网站在所有浏览器（例如Chrome，Firefox）中都可以显示相同的内容，并且只有Internet Explorer可以定位不同的样式，但是有些不对劲。
该网站的URL为：http://www.leicesterbakery.co.uk
如果有人可以给我一些有关如何解决此问题的建议，我将不胜感激，因为我在Chrome中尝试过检查元素，但无法指出如何修复它。
提前致谢。
最佳答案
FF和Chrome呈现字体的方式不同，总会有1-2px的差异。您可以尝试使用较小的字体，或使父对象更宽一些-尝试减少电话图标的填充-您会发现这在Chrome浏览器中也有帮助。
关于IE-认为它是浮点数的问题。我不确定如何解决它，
也许尽量不要在电话图标上使用太大的左填充。认为图标的更好解决方案可以是：