30

Google Chrome 専用の CSS ハックはありますか? 以前は Chrome で機能していた既存のハッキングの多くが、現在、他のブラウザーで取り上げられています (使用されています)。Mozilla Firefox、Safari、Microsoft Edge などの他のブラウザーではなく、Google Chrome を対象とするものが必要です。

4

6 に答える 6

37

確かに:

@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
    #element { properties:value; } 
}

そして、それが実際に動作していることを確認するための少しのフィドル - http://jsfiddle.net/Hey7J/

追加する必要があります...これは一般的に悪い習慣です.CSSを機能させるために個々のブラウザハックが必要になるようなことはありません. これを避けるために、プロジェクトの開始時にリセット スタイル シートを使用してみてください。

また、これらのハッキングは将来の証拠ではない可能性があります.

于 2012-05-30T07:51:06.593 に答える
20

Chrome CSS ハックのみ:

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    #selector {
        background: red;
    }
}
于 2014-05-11T15:12:31.780 に答える
19

chrome または safari のみで動作するようにするには、次を試してください。

@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */
.myClass {
 color:red;
}

/* Safari only override */
::i-block-chrome,.myClass {
 color:blue;
}}
于 2013-09-25T15:24:01.417 に答える
4

JavaScript を使用できます。これまでの他の回答もSafariをターゲットにしているようです。

if (navigator.userAgent.toLowerCase().indexOf('chrome') > -1) {
    alert("You'll only see this in Chrome");
    $('#someID').css('background-position', '10px 20px');
}
于 2014-01-15T13:18:07.753 に答える
0

これはChrome（赤）でのみ機能し、Safariや他のすべてのブラウザ（緑）では機能しないことがわかりました...

.style {
color: green;
(-bracket-:hack;
    color: red;
);
}

http://mynthon.net/howto/webdev/css-hacks-for-google-chrome.htmから

于 2014-06-03T07:21:39.437 に答える