如何修復Chrome/IE和Firefox中Joomla站點的號碼位置問題

Question

我在使用Joomla 3.5.1構建的Joomla站點上遇到了一些問題。我寫了CSS來確保網站的響應能力，這一切都很好。

我的問題是，該網站的標題顯示了在以下瀏覽器和版本不同：

火狐48.0.2（這一優良顯示出來） 鉻52.0（電話號碼出來的地方） 的Internet Explorer 10（電話號碼和搜索欄不合適）

我不確定我如何才能使該網站在Chrome中正常工作，因此不知道如何在我的CSS中修復此問題。我的印象是這個網站在Chrome，Firefox等所有瀏覽器中都會顯示相同的效果，而且它只能是Internet Explorer，我可以針對不同的風格，但有一些不太正確的東西。

該網站的網址是：http://www.leicesterbakery.co.uk

我會很感激，如果有人可以給我如何，我可以解決這個問題的一些建議，因爲我曾嘗試在Chrome中檢查元素，但無法查明如何解決它。

在此先感謝。

Answer 1

FF和Chrome以不同的方式呈現字體，總是有1-2px的不同。您可以嘗試使用較小的字體，或者使父對象更寬一些 - 嘗試減少手機圖標的填充 - 您會發現這對Chrome也有幫助。

關於IE - 認爲這是浮動問題。我不知道如何解決它， 也許儘量不要使用這麼大的填充左手機圖標。認爲更好的解決方案的圖標可以是位置：絕對;