Chrome/IEとFirefoxでJoomlaサイトの番号の位置の問題を解決するには

Question

Joomla！3.5.1を使用して作成したJoomlaサイトでいくつかの問題が発生しました。私は、サイトが応答性があり、これがすべて正常に動作することを保証するためにCSSを書いています。 （これは罰金現れる） クローム52.0（場違い電話番号）

のFirefox 48.0.2 のInternet Explorerを：

私が持っている問題は、サイトのヘッダは以下のブラウザやバージョンで異なる表示されることです10（電話番号と非表示の検索バー）

Chromeで正しく動作するようにサイトをターゲットに設定できるかどうかはわかりません。私は、Chrome、Firefoxなどのすべてのブラウザでサイトが同じように見えるという印象を受けていました。異なるスタイルをターゲットにできるのはInternet Explorerだけですが、それほど適切ではないものがあります。

サイトのURLは次のとおりです。http://www.leicesterbakery.co.uk

誰かが私に私はこの問題を解決する方法についていくつかのアドバイスを与えることができれば、私はChromeで要素を検査しようとしたが、それを修正する方法を特定することができないように私は、それをいただければ幸いです。

ありがとうございます。

Answer 1

FFとChromeはフォントを異なる方法でレンダリングしますが、常に1〜2px異なります。少し小さいフォントを使用したり、親オブジェクトを少し広くしたり、電話アイコンの埋め込みを減らそうとすると、これがChromeでも役立つことがわかります。

IEについて - 浮動小数点の問題だと思います。私はそれを修正する方法がわかりません 多分電話アイコンのために大きなパディング - 左を使用しないようにしてください。アイコンのためのより良い解決策を考えることができる位置：絶対;