0

重複の可能性:
クロスブラウザー CSS

ブラウザ間の互換性のために、ブラウザごとに異なる CSS クラスを含めることはできますか? どのように？

4

2 に答える 2

1

可能。

Microsoft と Internet Explorer のおかげで、すべてのフロントエンド開発者にとってより大きな問題は、ブラウザー間の互換性です。Internet Explorer がコンディショナル タグを導入して IE だけのスタイルを含めたとしても、他のブラウザーでも同様に処理できるのは良いことです。

このコードは JQuery フレームワークで動作するため、もちろん、Web サイトにインストールされていることを確認してください。

次のコードを HTML ドキュメントの head 部分または別の .js ファイルに貼り付けます。

$(document).ready(function(){ 
    $('html').addClass($.browser); 
});

対象となるブラウザーに応じて、.msie、.mozilla、.opera、.safari、または .other をスタイルの先頭に追加できるようになりました。

参照

于 2012-11-24T07:05:28.760 に答える
0

これはお勧めしません。

User-Agent文字列に基づいてさまざまなCSSファイルを提供できます。これは、本当に必死になっている場合にのみ行う必要があります（たとえば、新しいブラウザーのみをサポートしているが、古いブラウザーに何かを表示して、切り替えるように促したい場合など）。

これは実際にはWebサーバーによって異なりますが、一般的には非常に簡単です。

一般的には、それをスラッグアウトしてクロスブラウザソリューションを見つける方が良いでしょう。これは通常、実験的な機能を使用している場合、または賢くしようとしている場合に発生します。CSSを単純化すると、一般的にクロスブラウザーのサポートが向上しますが、古いブラウザーでは正しくレンダリングされない場合があります。

古いブラウザをサポートする必要がある場合は、ブラウザのスニッフィングルートを使用するのではなく、設計を簡素化してください。

于 2012-11-24T07:19:48.090 に答える