次の属性を持つクラスがあります
.vote{
position:absolute;
margin: 53px 3px 0 60px;
}
しかし、私はマージンを与えたい: 53px 3px 0px 60px in firefox と
margin:53px 3px 0 115px クロームで。条件付きコメントを使用してそのために私がしなければならないこと
次の属性を持つクラスがあります
.vote{
position:absolute;
margin: 53px 3px 0 60px;
}
しかし、私はマージンを与えたい: 53px 3px 0px 60px in firefox と
margin:53px 3px 0 115px クロームで。条件付きコメントを使用してそのために私がしなければならないこと
CSS条件でこれを行うことができます
body{background-color:#0FF; } /* for normal browser */
@media screen and (-webkit-min-device-pixel-ratio:0) { body{background-color:#F90;} } /* for webkit browser like crome, safari */
@-moz-document url-prefix() { body{ background-color:#090;}} /* for firefox */
しかし、これは有効な css ではありません
結果に応じて、必要なスタイルを適用できるよりも、userAgentを介してユーザーのブラウザーを検出するために JavaScript を使用できます。
function getBrowser()
{
var browser = navigator.userAgent;
if (browser.toLowerCase().indexOf('msie') > -1) return 'ie';
else if (sBrowser.toLowerCase().indexOf('firefox') > -1) return 'firefox';
else return 'mozilla';
}
可能なブラウザ名を確認するだけで、その名前を返すことができます。