javascript - ブラウザ エージェントに基づくスタイル属性の設定

Question

サイトのルック アンド フィールを損なう問題があります。私のヘッダーは Chrome ではうまく機能しますが、Firefox では壊れます。私はそれを修正し、それはFirefoxでうまく機能し、Chromeで壊れました。

サイトを表示しているブラウザを検出し、それに基づいて適切なスタイリングコードを適用する方法があるかどうか疑問に思っていました. 私はjavascriptがまったく得意ではないので、よろしくお願いします。

クロムのコード:

          <table id="mini-login" cellpadding="10" cellspacing="10" style="margin-top:0px; float:left; margin-left:80px;">

Firefox のコード:

          <table id="mini-login" cellpadding="10" cellspacing="10" style=" margin-top:-95px; float:left; margin-left:40px;"

Answer 1

Modernizr、具体的にはload 機能を使用して、ブラウザーの機能に基づいてリソースを読み込むことができます。