我在使用Joomla 3.5.1构建的Joomla网站上遇到了一些问题。我已经编写了CSS来确保网站的响应能力，而且一切正常。
我遇到的问题是该网站的标题在以下浏览器和版本中显示不同：
Firefox 48.0.2（显示正常） Chrome 52.0（电话号码不合适） Internet Explorer 10（电话号码和搜索栏不在适当位置）
我不确定如何定位网站在Chrome中正常运行，因此不确定我是如何解决这个问题的。我认为该网站会在所有浏览器中显示相同内容，例如Chrome，Firefox，它只是Internet Explorer，我可以定位不同的样式，但有些东西不太正确。
该网站的网址为：http://www.leicesterbakery.co.uk
如果有人能就我如何解决这个问题给我一些建议，我会很感激，因为我在Chrome中尝试过检查元素，但无法确定如何修复它。
提前致谢。
答案 0 :(得分：1)
FF和Chrome以不同的方式呈现字体，总有1-2px不同。你可以尝试使用更小的字体，或者让父对象更宽一些 - 尝试减少手机图标的填充 - 你会发现这对Chrome也有帮助。
关于IE - 认为它是浮动的问题。我不确定如何解决它， 也许尽量不要使用如此大的填充左侧的电话图标。认为icon的更好解决方案可以是position：absolute;