ホームページ >ウェブフロントエンド >htmlチュートリアル >特定のブラウザで動作する CSS: IE Chrome Firefox CSS Hack_html/css_WEB-ITnose
特定のブラウザで動作する CSS: IE Chrome Firefox CSS Hack_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:54:191111ブラウズ
CSSHack for Firefox
Firefox にのみ適用される CSS ハック。これは非常にまれですが、時々遭遇することがあります:
@-moz-document url-prefix() { .cssSelector { font-size: 14px; }} CSSHack for Chrome
Chrome Hack にのみ適用される CSS Hack 、この状況はまだ起こっていないので（開発ブラウザとしてChromeを使用する理由は？）、準備をしてください。
CSS ハックは IE でのみ適用されます。ここでは一般的な方法が使用されるため、最初にバージョンを分割する必要があります。
IEバージョンのクラスを本文に添付します
Hack CSSは他のCSSファイルと一緒に記述されます。
IE9+ は Hack を追加しません; IE6、IE7、IE8 は ie のプレフィックスを追加し、IE6 は ie6 Hack の追加のプレフィックスを追加します (ie7/8 用に書かれたほとんどのハックは IE6 で使用されます)
@media screen and (-webkit-min-device-pixel-ratio:0) { #test1{color:red;}} 新しいコードを追加しますIE CSS ファイル
IE7/8 用にさらに 1 つ、IE6 用にさらに 2 つ追加します。IE にさらに多くのものを追加して、他の CSS ファイルを汚さないようにします
<!--[if lt IE 7 ]><body class="ie ie6"><![endif]--><!--[if IE 7]><body class="ie"><![endif]--><!--[if IE 8]><body class="ie"><![endif]-->
注* lt は、「より小さい」を意味します。 IE9" " = "IE 9 の場合"、他にもいくつかありますが、あまり使用されません
gt: より大きい
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。